html jQuery，JSON：使用JSONP的基本jQuery示例

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html jQuery，JSON：使用JSONP的基本jQuery示例相关的知识，希望对你有一定的参考价值。

<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $.ajax({
                    url: 'http://twitter.com/status/user_timeline/padraicb.json?count=10',
                    dataType: 'jsonp',
                    success: function(dataWeGotViaJsonp){
                        var text = '';
                        var len = dataWeGotViaJsonp.length;
                        for(var i=0;i<len;i++){
                            twitterEntry = dataWeGotViaJsonp[i];
                            text += '<p><img src = "' + twitterEntry.user.profile_image_url_https +'"/>' + twitterEntry['text'] + '</p>'
                        }
                        $('#twitterFeed').html(text);
                    }
                });
            })
        </script>
    </head>
    <body>
        <div id = 'twitterFeed'></div>
    </body>
</html>

// From http://stackoverflow.com/questions/2067472/what-is-jsonp-all-about

以上是关于html jQuery，JSON：使用JSONP的基本jQuery示例的主要内容，如果未能解决你的问题，请参考以下文章

说说JSON和JSONP，也许你会豁然开朗，含jQuery用例

JQuery+ajax+jsonp 跨域访问

何时使用 json 以及何时使用 jsonp 与 jquery $.ajax？