Question

我制作了一个小的（测试）脚本来解析JSON文件（我在下面的示例中使用https://jsonplaceholder.typicode.com）并从结果对象中生成表行。

我正在尝试将追加这些行添加到表中。

请参阅jsFiddle HERE 。

我收到Unexpected identifier错误，我觉得这是一个莫名其妙的错误。我做错了什么？

更新：查看已更新小提琴 HERE 。感谢所有帮助。

Answer 1

您错误地追加了数据。用此替换你的这部分代码。

＆＃13;

breakThis: for(...){
   for(...){
      ... 
      break breakThis;  // breaks the outer for loop
   }
}

＆＃13;

Unlabeled break

＆＃13;

Answer 2

只需移动您在成功和错误处理程序中设置表的html的部分。 ajax是异步的，你在获得实际响应之前调用行$("#dataTable tbody").html(tableRow);，因此tableRow仍为空;

    var root = 'https://jsonplaceholder.typicode.com';
var tableRow = '';
$.ajax({
  url: root + '/users',
  method: 'GET',
  success: function(data) {
  var results = '';
    for (var i = 0; i < data.length; i++) {
      results += '<tr><td>' + data[i].name + '</td><td>' + data[i].email + '</td><td>' + data[i].email + '</td></tr>';
    }
          $("#dataTable tbody").html(results);

  },
  error: function() {
    var tableRow = '<tr><td>There is no data to display</td></tr>';
    console.log(tableRow);
    $("#dataTable tbody").html(tableRow);

  }
});

fiddle

jQuery JSON解析器：＆＃34;意外的标识符＆＃34;错误

2 个答案: