0

我在本地测试驱动器上运行了以下脚本。它导入一个 JSON 文件并构建一个网页，但由于某种原因，处理数据时出现错误。没有显示数据...

但是每当我使用硬编码的（相同的）数据时，我都会得到我想要的结果。所以这让我觉得这与我处理 JSON 导入的方式有关......

这是我的 AJAX 回调：

getGames: function(fn) {
     $.ajax({
          type: "GET",
          url: App.Config('webserviceurl')+'games-payed.js',
          dataType: "jsonp",
          success: function (data) {
              console.log('streets', data);
              if(fn){
                  fn(data);
              }
          },
          error: function (msg) {
              if(fn){
                  fn({status:400});
              }
          }
     });
}

而且这段代码不起作用，我的控制台也没有任何错误......

当我加载硬编码的数据时，它工作得很好：

getGames: function(fn) {
     var games = App.Config('dummyGames');

     if(fn){
          fn(games);
     }
}

我的 AJAX 回调有问题吗？

编辑： JSON 文件如下所示：

jsonp1({
    "status": "200",
    "data": [
        {
            "id": "1",
            "title": "Title 1",
            "publishDate": "2013-03-27T15:25:53.430Z",
            "thumbnail": "images/thumbs/image_game1.png",
            "html5": "http://mysite.com/index.html"
        },
        {
            "id": "2",
            "title": "Title 2",
            "publishDate": "2013-03-20T15:25:53.430Z",
            "thumbnail": "images/thumbs/image_game2.png",
            "html5": "http://mysite.com/index.html"
        },
        {
            "id": "3",
            "title": "Title 3",
            "publishDate": "2013-03-18T15:25:53.430Z",
            "thumbnail": "images/thumbs/image_game3.png",
            "html5": "http://mysite.com/index.html"
        }

    ]
});
4

1 回答 1

2

在您的示例中，我看到您将 json 数据包装在jsonp1. 我想这是一个固定的名字。如果是这种情况，试试这个：

getGames: function(fn) {
     $.ajax({
          type: "GET",
          url: App.Config('webserviceurl')+'games-payed.js',
          jsonp: false,
          jsonpCallback:"jsonp1",
          dataType: "jsonp",
          success: function (data) {
              console.log('streets', data);
              if(fn){
                  fn(data);
              }
          },
          error: function (msg) {
              if(fn){
                  fn({status:400});
              }
          }
     });
}

注意jsonpCallback:"jsonp1"和jsonp: false。这样做的原因是：默认情况下，jquery 会自动随机生成回调函数名称并附?callback=generatedFunctionName加到您的 url 的末尾。由于回调参数，服务器端的代码可以使用相同的函数名来调用浏览器的回调。

在您的情况下，您使用的是固定函数名称（jsonp1），因此您必须：

  • 使用明确指定您的函数名称jsonpCallback="jsonp1"
  • 设置jsonp = false以防止 jQuery 将“?callback”字符串添加到 URL 或尝试使用“=?” 为转型。
于 2013-08-05T14:16:47.070 回答