Question

我正在尝试将.json数据加载到我的网络应用中，但它永远无法取得成功。

它总是返回错误函数。

这是我的.js文件：

 $(document).ready(function () {
 var output = $('#stage');

 $.ajax({
     url: 'http://www.haverhill-ps.org/ios/app/data/calendar-json.json',
     dataType: 'json',
     timeout: 5000,
     success: function (data) {
         $.each(data, function (i, item) {
             var eventInfo = '<h1>' + item.month + '</h1>' + '<p>' + item.date + '<br>' + item.time + '</p>';

             output.append(eventInfo);
         });
     },
     error: function () {
         output.text('There was an error loading the data.');
     }
 });
});

以下是json数据：

{
    "month": "June", //November
    "date": "10", //10
    "time": "5PM", //5PM
}, {
    "month": "July", //November
    "date": "4", //10
    "time": "1PM", //5PM
}

然后，在我的HTML中我有一个div设置：

<div id="stage">Run here...</div>

Answer 1

返回的数据无效json。

您在结果周围缺少[和]，而评论在json中无效。每个对象的最后一个元素末尾的,也是无效的。你可以验证你的json，例如http://jsonlint.com/

一个有效的json看起来会这样：

[{
    "month": "June",
    "date": "10",
    "time": "5PM"
}, {
    "month": "July",
    "date": "4",
    "time": "1PM"
}]

Answer 2

可能你想看看是什么错误，这样做

error: function (xhr, ajaxOptions, thrownError) {
        alert(xhr.status);
        alert(thrownError);
      }

加载json数据时出错

2 个答案: