Javascript Ajax请求数据无法显示在表中

JavaScript代码

$function{ $.ajax{ 键入：“GET”， url:'order/orders.json'， 数据类型：“JSON”， 成功：functiondata{ /*var trHTML=； $.eachorders，功能i，项目{ trHTML++=+orders.id[i]++orders.name[i]++orders.drink[i]+； }; $'location'.appendtrHTML*/ 警报“测试”； }, 错误：函数数据{ alertdata.responseText； } }; }; orders.json

[
  {
    id: 1,
    name: 'john',
    drink: 'coffee'
  },
  {
    id: 2,
    name: 'doe',
    drink: 'tea'
  }
]

---

应首先使用索引获取对象，如下所示：

orders[i].id
orders[i].name
orders[i].drink

而不是：

orders.id[i]
orders.name[i]
orders.drink[i]

完整代码为：

---

1您的响应值参数命名为数据，而不是顺序。2您的索引访问器位于错误的位置。orders.id[i]必须是orders[i].id，例如。

$(function (){
  $.ajax({
    type : 'GET',
    url : 'order/orders.json',
    dataType : 'JSON',
    success: function(orders) {
      var trHTML = '';
      $.each(orders, function(i, item) {
        trHTML += '<tr><th scope="row">' + orders[i].id + '</th><td>' + orders[i].name + '</td><td>' + orders[i].drink + '</td></tr>';
      });
      $('#location').append(trHTML);
    });
    },  
    error: function (data) {
      alert(data.responseText);
    }
  });
});