4

得到简化的数组工作见下文

跟进要解析的复杂数组，请参见此处。

TLDR：想要从数组中获取每个标题并将其插入到 div 中，而无需使用 Jquery - getJSON 知道 div 内的内容。

编辑：数据来自一个软件，该软件每隔几秒输出 JSON 字符串和新数据，所以我需要在“d”中提取数据数组，如下例所示。所以我应该为每个获得“标题”和“034324324”等。

Edit2更新了代码以完全匹配我的..

我有 JSON 数组可以说：

{
  "Days": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
}

我想将其解析为每个“标题”以将其插入到 div 中。

尝试沿着

function getdata() {
31 $.ajaxSetup ({ cache: false}); //<!-- Stops IE from caching data //-->
32 
33 $.getJSON(testurl, function(data) {
34 $.each(data.days, function(i,item){
35 $('#testfield').append('<p>' + item + '</p>');
36
37 });
38 });

无济于事。

我在其他地方使用 Getjson，但在我知道我提出什么请求的情况下。例如：

$('#name').html(data.Projectname);

这一切都很好，但在这种情况下，我需要在不知道数组内部有什么的情况下从数组中获取详细信息，我确信我在这里遗漏了一些简单的东西或者做错了^^。

我目前使用的 JSON 看起来像：

{"Projectname":"ertyofhj","Projectid":"aqwertyuqw","Projecttitle":"ertyofhj"}

数组只是一种在不知道数组内部是什么的情况下查看提取数据的方法。

我只是继续添加更多。调试萤火虫或 IE 的调试器（Aargh）它会命中

33 $.getJSON(testurl, function(data) {

然后

38 });

完全跳过

34 $.each(data.days, function(i,item){

- GET 请求触发正常并返回正确的 JSON 字符串。但是现在它不会填充 $.each，或者即使我专门要求某个字符串。 注意到上面的 Firebug 还告诉我它没有格式化为 JSON？

将原始 JSON 字符串更改为更简单的字符串。（星期几）将加载星期几。所以我在某个地方。但我需要能够调用更复杂的数组。例如（使用天数）每天都有一个特定的时间，我也需要显示每天也应该在一个新行上尝试添加一个“+'<br />'但这也不起作用. 以数组形式显示如：

{
  "Days": ["Sunday": "10.00", "Monday": "12.00", "Tuesday": "09.00", "Wednesday": "10.00", "Thursday": "02.00", "Friday": "05.00", "Saturday": "08.00"]
}

我需要为所有人提取 Dayname 和 time。

4

3 回答 3

2 
$.getJSON(url,
    function(data){
      $.each(data.items, function(i,item){
      $('#testfield').html('<p>' + item.d.title + '</p>');
      });
    });

在此代码中，您最终将使用 ID 为“testfield”的项目的 HTML 一次又一次地替换为值...您可能想尝试使用jQuery.append添加所有条目，如您在上面指定的

$.getJSON(url,
    function(data){
      $.each(data.items, function(i,item){
      $('#testfield').append('<p>' + item.d.title + '</p>');
      });
    });
于 2010-04-29T03:23:40.067 回答
1

您的 JSON 数据中有一个错误：您没有在最后三个项目中的“d”之后使用冒号。这是您的应用程序正在使用的真实数据的示例，还是用于演示您的问题的示例数据？

于 2010-04-28T07:37:08.113 回答
1

希望这个例子能为你指明正确的方向

<html>
<head>
  <title>Stackoverflow</title>
  // ** POINT THIS TO A VALID jquery.js LOCATION
  <script src="jquery.js" type="text/javascript"></script>
  <script>
    var days = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ];
    // *****************************************************
    // This is your data from getJSON if correctly formatted
    var data = '{"Days":[ {"Sunday":"10.00"}, {"Monday":"12.00"}, {"Tuesday":"09.00"}, {"Wednesday":"10.00"}, {"Thursday":"02.00"}, {"Friday":"05.00"}, {"Saturday":"08.00"}]}';
    runUpdate = function() {
      // *******************************************************
      // Clear the div of all data by replacing it
      $('#testfield').replaceWith('<div id="testfield"></div>');
      var dataObject= $.parseJSON( data );
      $.each( dataObject.Days, function (index, value) {
        // ********************************************
        // Append new elements to the newly created div
        $('#testfield').append("<p>"+days[index]+": "+value[ days[index] ]+"</p>");
      });
    };

    runReset = function() {
      $('#testfield').replaceWith('<div id="testfield">This is original text.</div>');
    };
  </script>
</head>
<body>
  <div id="testfield">
    This is original text.
  </div>
  <div>
    <input type="button" value="Run Update" onclick="runUpdate();" />
    <input type="button" value="Reset" onclick="runReset();" />
  </div>
</body>
</html>
于 2010-04-29T17:34:47.707 回答