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

2025-05-24 02:17:39

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获取到的数据怎么放入表格中
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢