1. घर
  2. सवाल और जवाब
  3. iframe (जावास्क्रिप्ट/jquery) में सबमिट करने के बाद पृष्ठ को फिर से लोड करें

iframe (जावास्क्रिप्ट/jquery) में सबमिट करने के बाद पृष्ठ को फिर से लोड करें

2011-04-17 19 views
5

मेरे पास एक आईफ्रेम वाला एक पृष्ठ है। Iframe में सबमिट बटन है। जब मैं सबमिट बटन पर क्लिक करता हूं तो मैं पैरेंट विंडो को अपडेट करना चाहता हूं। यह मैं अब तक क्या किया है, और यह काम करता है (जावास्क्रिप्ट माता पिता खिड़की में स्थित है):iframe (जावास्क्रिप्ट/jquery) में सबमिट करने के बाद पृष्ठ को फिर से लोड करें

var myFrame = $('iframe'); 
myFrame.load(function() { 
myFrame.contents().find('#publish').click(function() { 

    myFrame.load(function() { 
    location.reload(); 
    }); 

}); 
});

कोड काम करता है। लेकिन मुझे iframe अनावश्यक का पुनः लोड मिलता है। "सबमिट" पूरा होने पर पता लगाने का कोई बेहतर तरीका है?

स्रोत

2011-04-17 Hakan

+0

पैरेंट विंडो अपडेट होने के लिए? या पैरेंट विंडो फिर से लोड किया जा सकता है? अद्यतन क्या है? –

+0

अंत में आप इसे कैसे हल करते हैं? –

उत्तर

0

मान लिया जाये कि publish अद्वितीय है तो आप बस ऐसा कर सकते हैं (मैं केवल "onclick" द्वारा या किसी देरी पर रिले पृष्ठ पुनः लोड नहीं कर सकते। मुझे यकीन है कि फार्म के भेजने समाप्त हो गया है होना चाहिए) :

$(document).ready(function(){ 
    $('#publish').live('click', function(e){ 
    e.preventDefault(); 
    //Do whatever you want here 
    }); 
});

सूचना live कार्यावधि में भी करने के लिए publish लिंक बाध्य होगा।

<html> 
<script> 
window.parent.document.jQueryFunction(); 
</script> 
</html>

या, यदि आप प्लग-इन के लिए खुला हो, तो आप the jQuery Form Plugin की विधि ajaxSubmit() इस्तेमाल कर सकते हैं:

स्रोत

2011-04-17 18:19:53

+0

हाय नेवेड, आप चूक गए "});"। लेकिन मैं नहीं देख सकता कि यह फ़ंक्शन मुझे फ़ॉर्म सबमिट करने और पृष्ठ को फिर से लोड करने में कैसे मदद करेगा। जब सबमिट भेजा जाता है तो मैं एक समारोह को पहचानना चाहता हूं। – Hakan

+0

@ हकन, धन्यवाद तय है। मुझे फिर से देखने दो। –

0

आप फ़ॉर्म जमा js के एक ब्लॉक वापसी हो सकती है।

$myFrame.contents().find('form').ajaxForm({ 
    success: function() { 
    // update parent 
    } 
});

स्रोत

2011-04-17 20:56:46

0 
$("#publish").click(function() { 
    $('#inputs').ajaxSubmit({ 
     success:function(){ 
      //alert("Reload called"); 
      parent.location.reload(); 
     } 
    }); 
});

यह काम किया।

स्रोत

2011-09-12 16:34:37 Preeti

+0

एसओ में आपका स्वागत है। प्रश्न में अजाक्स के लिए कोई विशिष्ट संदर्भ नहीं है। यह एक मानक एचटीएमएल फॉर्म भी सबमिट हो सकता है। –

संबंधित मुद्दे

 संबंधित मुद्दे