json - 使用jQuery获取jsonp数据返回无效标签错误

Question

我一直使用jquery ajax方法来获取json数据。我已经使用了 jQuery.getJSON和 jquery.ajax 方法，但我在控制台中不断收到相同的错误。 标签元无效 我只想显示 div 内的一些 json 数据，有什么吗json 文件错误，java 脚本与其他 json 文件一起工作正常。我不知道如何解析这个特定的 json 文件。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script type = text/javascript>         
$(document).ready(function(){
     $.ajax({
        url: 'http://api.yipit.com/v1/deals/?key=TMBYhd3hkzfCntMb&limit=20&division=boston', 
        dataType: 'jsonp',
        success: function(data){
                    console.log(data);
      }
    });

    return;
});

        </script>

我只是尝试解析数据，但看不到结果。在控制台中，我收到一条错误消息，提示 field.deals.url 未定义？
我还可以看到 jQuery16209054896509423064_1311611178838({ 在元我如何解析这个文件？

<script type = text/javascript>


    $(document).ready(function(){
         $.ajax({
            url: 'http://api.yipit.com/v1/deals/?key=TMBYhd3hkzfCntMb&limit=20&division=boston&callback=?', 
            dataType: 'jsonp',
            success: function(data){
                        $.each(data.response, function(i, field){
                        $('#display').append('<p>url : ' + field.deals.url+ '</p>');
                                    if ( i == 3 ) return false;
                });
          }
        });

        return;
    });

            </script>

Answer 1

删除 jsonp: false， 在这种跨域情况下您必须使用 JSONP。

这会起作用:

$(document).ready(function(){
     $.ajax({
        url: 'http://api.yipit.com/v1/deals/?key=TMBYhd3hkzfCntMb&limit=20&division=boston', 
        dataType: 'jsonp',
        success: function(data){
            console.log(data);
        }
    });
});

工作示例:jsFiddle

编辑:

交易是你的迭代器而不是响应

success: function(data){
    $.each(data.response.deals, function(i, field){
        $('#display').append('<p>url : ' + field.url+ '</p>');
             if ( i == 3 ) return false;
    });