जावास्क्रिप्ट से बाहरी लाइब्रेरी के बिना JSONP अनुरोध करना

जावास्क्रिप्ट में क्रॉस-डोमेन JSONP अनुरोधों के लिए, jQuery जैसी बाहरी लाइब्रेरी हमेशा आवश्यक नहीं होती हैं। यहां शुद्ध जावास्क्रिप्ट का उपयोग करके इसे प्राप्त करने के लिए एक मार्गदर्शिका दी गई है:

चरण 1: एक कॉलबैक फ़ंक्शन बनाएं

जेएसओएनपी प्रतिक्रिया प्राप्त करने और संसाधित करने के लिए एक कॉलबैक फ़ंक्शन को परिभाषित करके प्रारंभ करें। दिए गए उदाहरण में, foo फ़ंक्शन यह कार्य करता है:

function foo(data) {
  // Do something with the JSON response here
}

चरण 2: गतिशील रूप से एक स्क्रिप्ट तत्व बनाएं

इसके बाद, एक

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo';

चरण 3: स्क्रिप्ट तत्व को DOM में जोड़ें

एक बार

document.getElementsByTagName('head')[0].appendChild(script);

आधुनिक ब्राउज़र के लिए, आप इस लाइन को सरल बना सकते हैं:

document.head.appendChild(script);

Example

इन चरणों को एक साथ लाते हुए, यहां बाहरी लाइब्रेरी के बिना जावास्क्रिप्ट में JSONP अनुरोध करने का एक पूरा उदाहरण दिया गया है :

function foo(data) {
  // Do stuff with JSON
}

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo'

document.head.appendChild(script);