Jqueryload() सभी ब्राउज़रों में विसंगतियां

JQuery और AJAX में गहराई से जाने का प्रयास करते समय, डेवलपर्स को एक अजीब समस्या का सामना करना पड़ सकता है जहां लोड( ) फ़ंक्शन विभिन्न ब्राउज़रों में असंगत व्यवहार प्रदर्शित करता है। विशेष रूप से, दिए गए कोड स्निपेट में, लोड() फ़ंक्शन का उपयोग list1.html की सामग्री को div में "स्टेज" आईडी के साथ Index.html पर जोड़ने के लिए किया जाता है।

आश्चर्यजनक रूप से, Index.html को निष्पादित करते समय Chrome, list1.html से संलग्न सामग्री अनुपस्थित रहती है। हालाँकि, फ़ायरफ़ॉक्स में समान Index.html खोलने पर, अपेक्षित परिणाम प्रदर्शित होता है। यह व्यवहार विसंगति क्रोम, इंटरनेट एक्सप्लोरर और फ़ायरफ़ॉक्स में देखी गई है।

कारण को समझना

अलग-अलग ब्राउज़र प्रतिक्रियाएं इस तथ्य से उत्पन्न होती हैं कि क्रोम और इंटरनेट एक्सप्लोरर प्रतिबंधित हैं AJAX का उपयोग करके स्थानीय फ़ाइलों की सीधी पुनर्प्राप्ति, विशेषकर फ़ाइल सिस्टम से चलते समय। यह प्रतिबंध संभावित सुरक्षा कमजोरियों को रोकने के लिए लागू किया गया है। दूसरी ओर, फ़ायरफ़ॉक्स इस कार्यक्षमता को डिफ़ॉल्ट रूप से प्रदान करता है। क्रोम/क्रोमियम को "--allow-file-access-from-files" ध्वज के साथ लॉन्च करें। इस ध्वज को स्थायी बनाने के बारे में विस्तृत निर्देश https://stackoverflow.com/questions/20567587/how-do-i-make-the-google-chrome-flag-allow-file-access-from-files- पर उपलब्ध हैं। स्थायी।