网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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获取到的数据怎么放入表格中
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com