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



我一直使用jquery ajax方法来获取json数据。我使用了jQuery.getJSON和jquery。ajax方法,但我一直得到相同的错误在我的控制台。无效标签元我只是想显示一些json数据内的一个div,是有东西错误的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>

删除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;
    });

最新更新