javascript - jQuery JSON 解析器 : "Unexpected identifier" error

标签 javascript jquery json ajax

<分区>

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

我正在尝试将这些行附加到一个表中。

参见 jsFiddle HERE .

我得到一个 Unexpected identifier我发现无法解释的错误。我做错了什么?

更新:查看我的更新 fiddle HERE 。感谢所有帮助。

最佳答案

您以错误的方式附加了数据。用这个替换你的这部分代码。

var root = 'https://jsonplaceholder.typicode.com';
var tableRow = '';
$.ajax({
  url: root + '/users',
  method: 'GET',
  success: function(data) {
    for (var i = 0; i < data.length; i++) {
      var tableRow = '<tr><td>' + data[i].name + '</td><td>' + data[i].email + '</td><td>' + data[i].email + '</td></tr>';
      $("#dataTable").find('tbody').append(tableRow);
    }
  },
  error: function() {
    var tableRow = '<tr><td>There is no data to display</td></tr>';
    console.log(tableRow);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table" id="dataTable">
  <thead>
    <tr>
      <th>Full Name</th>
      <th>Email</th>
      <th>Address</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

关于javascript - jQuery JSON 解析器 : "Unexpected identifier" error,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47476673/

相关文章:

javascript - 如何使 tableRow 可点击?我在网上看过但是没用

javascript - 将 JSON 加载到 Angular

javascript - 嵌套的 JSON 对象 - 我必须对所有内容都使用数组吗?

javascript - 无法在粘性导航栏标题上禁用折叠 - (Bootstrap/CSS/JS)

javascript - 如何以固定格式在单个数组中排列多个 api 响应

jquery - Team Treehouse 导航栏动画

jquery - 从 URL 传递值

python - 使用 Python 将 Excel 转换为 JSON,如何根据需要格式化这些数据?

javascript - IE7 : li's behaving badly

javascript - 停止/中止 Ajax 请求而不触发错误