ajaxj获取到的数据怎么放入表格中

 时间:2024-10-11 22:31:56

1、为了方便dom操作,我们使用jquery插件库,所以先引入jquery脚本。

ajaxj获取到的数据怎么放入表格中

2、在html里我们先创建一个表格,表格只有一个表头,然后有一行数据。

ajaxj获取到的数据怎么放入表格中

3、然后在ajax调用里,在success回调里把数据显示在表格里。

ajaxj获取到的数据怎么放入表格中

4、我们的逻辑是先循环ajax返回来的数据。

ajaxj获取到的数据怎么放入表格中

5、在循环里,把数据格式化为一个tr,td的html字符串,然后放到我们上面定义的数组变量里。

ajaxj获取到的数据怎么放入表格中

6、然后把这个字符串数组拼接后(join方法),通过jquery的append插入到表格的最后面。(假设返回的数据json格式如注释的一样,是三个对象,)

ajaxj获取到的数据怎么放入表格中

7、我们运行页面,等到ajax调用返回后,可以看到页面的表格就插入了这三行数据了。

ajaxj获取到的数据怎么放入表格中
  • 如何在Myeclipse中添加jdk
  • 在MySqlWorkbench中创建和查看多列索引
  • Eclipse视图失效找不到资源视图ShowView无效
  • java.lang.UnsatisfiedLinkError
  • 服务器IP黑白名单设置
  • 热门搜索
    甘孜旅游 长期手浮多久可以恢复 结婚证丢失怎么办 工作总结开头怎么写 4a级景区 东营旅游 温州旅游 沈阳景区 怎么煮螃蟹 双系统怎么装