ajax请求到的数据,用$.each循环添加到dom中,为什么数据需要刷新才能显示出来,怎样才能直接显示?

ajax请求到的数据,用$.each循环添加到dom中,为什么数据需要刷新才能显示出来,怎样才能直接显示?,第1张

刷新才显示那是页面接收到的数据已经变了,和 ajax 没关系。

局部刷新就是通过 ajax 拿到最新数据后,通过 js 把数据显示。

你这里没显示的问题一步一步找 bug 出在哪里:

回调是否有问题,看console

变量拼装后是否有问题,输出 fragment 看看

再看 append 的位置是否正确

如果还没找到问题,那看看是否 css 的问题造成。

在使用Jquery+Ajax 往Table 中Td 添加入数据的方法如下:

在数据少的情况下直接给id或class传值,多行数据要用循环,代码如下:

$.post("", "data:getType", function (res) {

var date = Pase(res)

var str = ""

$.each(data.result, function (i, j) {

str += "<tr>"

str += "<td></td>"

str += "</tr>"

})

document.getElementById("tbody").add(str)

})

<table><tbody id="tbody"></tbody></table>

jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接 *** 作该函数,除非你需要 *** 作不常用的选项,以获得更多的灵活性。

ajax主要是用来实现异步 *** 作的,ajax会向一个可以 *** 作数据库的脚本语言(例如php)文件发出请求,同时传递参数和数据,在php文件中,通过插入数据库的代码,实现添加数据,然后返回成功的标志,ajax就根据这个标志来判断是否成功。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11720906.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存