jquery के साथ jsonp [बंद]


89

क्या आप jquery के साथ jsonp रिक्वेस्ट पढ़ने का बहुत सरल उदाहरण दे सकते हैं? मैं अभी काम करने के लिए नहीं मिल सकता।

जवाबों:


144

यहाँ काम कर रहा है उदाहरण:

<html><head><title>Twitter 2.0</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head><body>
<div id='tweet-list'></div>
<script type="text/javascript">
$(document).ready(function() {
    var url =  "http://api.twitter.com/1/statuses/user_timeline/codinghorror.json";
    $.getJSON(url + "?callback=?", null, function(tweets) {
        for(i in tweets) {
            tweet = tweets[i];
            $("#tweet-list").append(tweet.text + "<hr />");
        }
    });
});
</script>
</body></html>

?callback=?अनुरोधित URL के अंत में ध्यान दें । यह उस getJSONफ़ंक्शन को इंगित करता है जिसे हम JSONP का उपयोग करना चाहते हैं। इसे निकालें और एक वेनिला JSON अनुरोध का उपयोग किया जाएगा। जो एक ही मूल नीति के कारण विफल हो जाएगा ।

आप JQuery साइट पर अधिक जानकारी और उदाहरण पा सकते हैं: http://api.jquery.com/jQuery.getJSON/


2
मैं उन jsonp मापदंडों के साथ $ .ajax की कोशिश कर रहा था और वह काम करने के लिए नहीं मिल सका। वैसे भी, यह अच्छी तरह से काम करता है, धन्यवाद।
akula1001

2
क्या ?callback=?वास्तव में URL के हिस्से के रूप में भेजा जाता है या यह सिर्फ एक तरह का झंडा है जिसे jQuery देखता है और URL लाने से पहले स्ट्रिप्स बंद कर देता है?
हिप्पिट्रैयल

1
यदि आपके URL में मापदंडों की आवश्यकता है, तो क्या आवश्यक है? (पूर्व: ?p=1&s=50)
ONDEV

2
मैंने इसे शुरुआती बिंदु के रूप में एक अच्छा संदर्भ पाया। ऊपर जवाब देने के लिए: हाँ, कॉलबैक एक पैरामीटर के रूप में भेजा जाता है और JSON प्रतिक्रिया के चारों ओर लपेटे गए फ़ंक्शन के रूप में वापस भेजा जाना चाहिए। Stackoverflow.com/questions/7936610/… देखें । अतिरिक्त पैरामीटर भेजने के लिए उन्हें उपरोक्त पूर्व में getJSON () के दूसरे पैरामीटर में भेजा जाता है। null को {p: 1, s: 50} से
बदलें

मुझे त्रुटि कोड 410 - गया है। क्या JSON की कहीं भी "इटरनली" वर्तमान सेवा है? बस इतना परीक्षण कर सकता है कि स्वयं की विधि काम करती है?
कोनराड विल्टर्स्टन
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.