jquery - 使用 Jquery 提取 JSON 数据

Question

我有一个 json 文件存储在静态 URL 中，我想抓取它并提取我们的数据对象。

<div id="content"></div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $.getJSON('https://s3.amazonaws.com/wallyball_production/comedy.json', function(data){
            $("#content").html(data);
        });

    });
  </script>

这没有输出任何内容？我做得很快，不知道为什么我没有看到任何东西？

Answer 1

跨域AJAX调用需要jsonp(或者编写代理服务器端脚本)。只要远程服务器设置正确(我认为亚马逊会如此)，使用 jQuery 就很容易了:

$.ajax({
    url      : 'https://s3.amazonaws.com/wallyball_production/comedy.json',
    dataType : 'jsonp',
    success  : function (data) {
        //$('#content').html(data);
        for (var i = 0, len = data.length; i < len; i++) {
            //`data[i].something` will access the `something` property an index of the JSON returned
        }
    }
});

请注意，您将获得 JSON 作为响应，因此您需要在将其附加到 DOM 之前对其进行迭代。

这里是 jQuery 的 $.ajax() 的文档:http://api.jquery.com/jquery.ajax