jsonp with jquery [closed]_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2022-12-27 10:35 出处：网络

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

相关专题：jquery jsonp

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

开发者_StackOverflow中文版

Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist

Closed 9 years ago.

Improve this question

Can you give a very simple example of reading a jsonp request with jquery? I just can't get it to work.

Here is working example:

<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>

Notice the ?callback=? at the end of the requested URL. That indicates to the getJSON function that we want to use JSONP. Remove it and a vanilla JSON request will be used. Which will fail due to the same origin policy.

You can find more information and examples on the JQuery site: http://api.jquery.com/jQuery.getJSON/