1

将来のプロジェクトのために 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>
4

1 に答える 1

0

参考までに、クロス ドメインからの単純な 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);
   }
});

デモ

于 2014-05-10T06:59:14.133 に答える