暧昧的jsonp

时间:2012-12-28 05:11:08

标签: jquery json

我正在尝试使用json / jsonp为我未来的项目做一个简单的请求,我不知道我错过了什么。我已经验证了与http://jsonlint.com/的关联。如果我用“http://search.twitter.com/search.json?q=earthquake&lang=en&callback=?”替换我的链接有用。谢谢。 这是我的代码:

    <html>
        <head>
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
            <script type="text/javascript">
            $(document).ready(function() {  
                $.getJSON('http://api.nytimes.com/svc/search/v1/article?format=json&query=cloud+computing&facets=des_facet%2Cper_facet%2Cgeo_facet%2Cclassifiers_facet%2Corg_facet&callback&api-key=b56e8aac267230a55c6f15cfeeb2cf4f:5:67104308&callback=?', 
                function(data){
                    var html = "<ul>Hello. This is  my data.</ul>";
                    $('.nytimes').html(html);   
                });
            });
            </script>
        </head>
        <body>
           <p>New York Times news</p>
           <div class="nytimes">    
           </div>
        </body>
    </html>

1 个答案:

答案 0 :(得分:0)

为了您的参考,我附加了来自Cross域的简单JSONP响应,并绑定了UserInterface中的值。

$.ajax({
type: 'GET',
url: 'http://githubbadge.appspot.com/Jebasuthan',
dataType: 'jsonp',
success: function(json) {
    console.log(json);
    var result = '<h3>Name: ' + json.user.login + '</h3>' +
                 '<p>Forked Repository: ' + json.fork_repos + '</p>' +
                 '<p>Languages: ' + json.languages + '</p>' +
                 '<p>Email-Id: ' + json.user.email + '</p>' +
                 '<p>Location: ' + json.user.location + '</p>' +
                 '<p>Last Updated Date: ' + json.user.updated_at + '</p>' +
                 '<p>Blog: <a target="_blank" href='+ json.user.blog + '>' + json.user.blog + '</a></p>';
       $('#badge').append(result);
   }
});

Demo