IFRAME लोड पूरा होने पर कॉलबैक निष्पादित करना

IFRAMEs के साथ काम करते समय, लोडिंग प्रक्रिया पूरी होने के बाद कॉलबैक निष्पादित करना एक महत्वपूर्ण आवश्यकता हो सकती है . हालाँकि, यह कार्य चुनौतीपूर्ण हो सकता है, खासकर यदि IFRAME की सामग्री पर आपका नियंत्रण नहीं है।

इस समस्या के समाधान के लिए, आप ऐसी तकनीकों का उपयोग कर सकते हैं जिनमें IFRAME निर्माण को संशोधित करना और टाइमआउट तंत्र को शामिल करना शामिल है। प्रोग्रामेटिक रूप से IFRAME बनाकर, आप इसमें एक ईवेंट श्रोता जोड़ने की क्षमता प्राप्त करते हैं। निम्नलिखित कोड दर्शाता है कि इसे कैसे प्राप्त किया जाए:

$(iFrameObj).load(function() {
  document.body.removeChild(iFrameObj);
  setTimeout(function() {
    callback(iFrameObj.innerHTML);
  }, 50);
});

जैसा कि इस कोड स्निपेट में दिखाया गया है, 'लोड' इवेंट श्रोता IFRAME के ​​बनने के बाद उससे जुड़ जाता है। लोडिंग पूरी होने पर, IFRAME को DOM से हटा दिया जाता है, और यह सुनिश्चित करने के लिए कि IFRAME अब मौजूद नहीं है, कॉलबैक निष्पादित हो गया है, एक छोटा टाइमआउट पेश किया गया है। यह टाइमआउट बफ़र ब्राउज़र व्यवहार में संभावित विसंगतियों के लिए जिम्मेदार है।

यह ध्यान देने योग्य है कि यह विधि मानती है कि IFRAME का URL आपके डोमेन के भीतर है। यदि यह एक क्रॉस-साइट अनुरोध है, तो ब्राउज़र सुरक्षा उपायों के कारण IFRAME की सामग्री तक पहुंच प्रतिबंधित होगी, और वैकल्पिक दृष्टिकोण आवश्यक हो सकते हैं।