ajax 表格绑定json

在前端的开发过程中，表格的展示是非常常见的，而json格式的数据则成为了前后端交流的标准。那么如何将json数据绑定到表格当中呢？这里我们可以使用ajax技术。

//使用ajax绑定json数据到表格中
$.ajax({
  url: 'http://example.com/data.json',//json数据的地址
  dataType: 'json',//数据类型为json格式
  success: function(data) {               //数据请求成功后的回调函数
    var trHtml = '';
    $.each(data,function(i,item) {
      trHtml += '
' + item.name + '
                   ' + item.age + '
                   ' + item.gender + '
                 ';
    });
    $('#table').append(trHtml);            //将数据表格内容插入到页面中
  },error: function() {                      //数据请求失败后的回调函数
    alert('数据请求失败！');
  }
});
@H_502_11@

以上代码实现了从指定json数据地址获取数据，并将数据绑定到表格当中的功能。需要注意的是，json数据的格式要符合指定格式，否则会出现解析错误的情况。
                
                                 
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。