从jquery阅读json

Question

大家好，我正在尝试阅读一些json并做两件事情。 将一些json数据插入到UL中。第二件事是创建一个函数，可以从锚标签调用并显示其他数据。让我试着解释我的代码。

的json看起来像这样

[{lakeName:"Lake 1",lakeCode:"111",Readings[["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5],]}{lakeName:"Lake 2",lakeCode:"222",Readings[["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5],]}] 

我试图填充这样

$(document).ready(function() { 
     $.ajax({ 
      url: "http://theaboveJSONisreturnedFromMyUrl", 
      method: 'GET', 
      dataType: 'json', 
      success: onDataReceived 
     }); 



     var data = []; 

     function onDataReceived(series) { 

      data = [series]; 
      $(data).each(function (i, data) { 
       $('#myList').append("<li>" + "<a href=\"javascript:GetLake(" + data.lakeCode + ");\">" + data.lakeName + "</a></li>"); 
      }); 

     } 
    }); 

      function GetLake(lake) { 

      alert('some how get the readings for the clicked lake code e.g. lakeCode 111 and display them here ["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5]); 

      } 

现在我看到的数据值，我的名单，但是我不能似乎通过例如访问data.lakeCode

我做错了什么？

任何帮助将是伟大的！

Answer 1

在您的JSON中有几个语法错误。它应该是这样的：

[{lakeName:"Lake 1",lakeCode:"111",Readings:[["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5]]},{lakeName:"Lake 2",lakeCode:"222",Readings:[["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5]]}] 

一些:和,人失踪，在之间产生不必要的,和不必要的]是在年底。

Answer 2

当你不知道自己的JSON的语法只是与检查： http://www.jsonlint.com/

Answer 3

为了有效，你的JSON需要进行以下更改（you can check always validity with JSONLint here）：在对象之间

• 逗号主阵列
• Readings阵列中没有尾随命令
• 成员名称双引号
并将其值

在所有之间

:它应该是这样的：

[{"lakeName":"Lake 1","lakeCode":"111","Readings":[["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5] ]},{"lakeName":"Lake 2","lakeCode":"222","Readings":[["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5] ]}] 
//compared to your current version: 
[{ lakeName :"Lake 1", lakeCode :"111", Readings [["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5],]} { lakeName :"Lake 2", lakeCode :"222", Readings [["24-Oct-10",12.5],["24-Oct-10",10.5],["24-Oct-10",15.5],]}] 

此外，你应该在这里使用$.each()代替，就像这样：

$.each(data, function() { 
    $('#myList').append("<li>" + "<a href=\"javascript:GetLake(" + this.lakeCode + ");\">" + this.lakeName + "</a></li>"); 
}); 

还是一个比较好，使用像这样的DOM方法：

$.each(data, function() { 
    $('<a />', { href: '#', click: function() { GetLake(this.lakeCode); } }) 
    .wrap('<li />').parent().appendTo('#myList'); 
});