如何使用 jquery 在表中追加 JSON 数据答案

【问题标题】：How to append JSON data in table using jquery如何使用 jquery 在表中追加 JSON 数据
【发布时间】：2017-05-10 15:54:29
【问题描述】：

我正在尝试使用 jquery 读取这个 json

{  
   "items":[  
      {  
         "srNo":1,
         "name":"first",
         "amount":1000
      },
      {  
         "srNo":2,
         "name":"second",
         "amount":1600
      }
   ],
   "fullname":"manav",
   "lastname":"kumar"
}

这是我到目前为止所尝试的

$.each(response,function(i,v){
    console.log(v.name);
});

如果可能，请分享一些演示。我想在表格中追加项目并在上面的表格中显示

【问题讨论】：

response 是整个对象还是只是 items 数组？
您想循环通过items 属性作为响应？
问题是什么？你的代码有什么问题？你想做什么？
单独字段中的整个对象
@palaѕн 是的，但也想阅读名称字段

标签： javascript jquery html json css

【解决方案1】：

您好，我假设这是 ajax 发布响应

按照 xDreamCoding 的答案，您可以获得项目数组

稍作修改。

    var newresp = JSON.parse(response);
    //to get names
    console.log(newresp.fullname);
    console.log(newresp.lastname);
    //to get items array
   newresp.items.forEach((e,i) => {
   console.log(e.name)
});

【讨论】：

非常感谢，这正是我想要的。

【解决方案2】：

试试

JSON.parse(respone).items.forEach((e,i) => {console.log(e.name)});

【讨论】：

嘿，谢谢，这是有效的，但是如何获取名称字段全名和姓氏的东西

【解决方案3】：

要读取items 属性中的name 字段，您只需执行以下操作：

$.each(response.items, function(i, v) {
    console.log(v.name);
});

假设你的回答是这样的：

var response = {
  "items": [{
    "srNo": 1,
    "name": "first",
    "amount": 1000
  }, {
    "srNo": 2,
    "name": "second",
    "amount": 1600
  }],
  "fullname": "manav",
  "lastname": "kumar"
}

$.each(response.items, function(i, v) {
  console.log(v.name);
});

// To access fullname & lastname you can use
console.log(response.fullname);
console.log(response.lastname);

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：

嘿@palash 感谢 bhai 它的工作，但我也想要全名和姓氏