当前位置:首页>开发>正文

ajax渲染数据后,bootstrap-table初始化分页,选择对其失效,怎么解决 使用ajax后,lazyload.js失效,怎么解决

2023-04-18 23:02:24 互联网 未知 开发

 ajax渲染数据后,bootstrap-table初始化分页,选择对其失效,怎么解决 使用ajax后,lazyload.js失效,怎么解决

ajax渲染数据后,bootstrap-table初始化分页,选择对其失效,怎么解决

在阅读了Bootstrap-table.js源码后发现是因为JS里并没有获取到data(即没有获取表格的内容)。也就是说在还没获取数据之前就已经执行了Bootstrap.js。所以我尝试了使用AJAX同步执行,仍然不起作用。
在经过了很多尝试后,还是失败。最后我选择了个比较笨的方法。在前面的分析中发现其实在还没获取AJAX返回的值之前,bootstrap-table就已经执行完并渲染了,而最后我们看到的结果是通过Vue显示的 而不是通过bootstrap-table。我检查了bootstrap-table.js的源码,发现是data在起作用,所以我直接在ajax成功获得数据后把值给了bootstrap-table,而不是通过vue去赋值 就是直接传值给Bootstrap-table,而不通过Vue。

使用ajax后,lazyload.js失效,怎么解决

可以在每次ajax后都重新执行一下你的初始化代码,这样应该就可以了
$.ajax({
type: "POST",
url: "XXX",
data: "XXXX",
success: function(msg){
$("img.img-responsive").lazyload({
effect : "fadeIn",
threshold : 200
})
}
})

jquery ajax局部刷新部分js失效怎么解决

楼主看我的$("#_b").click(function () { $.ajax({ type: "POST", url: "youaction.action", data: "name=" var1 "&time=" var2, dataType: "json", success: function(responseText) { var valA = responseText.fieldA var valB = responseText.fieldB $("#a").load("a.jsp") }, error: function() { alert("Error!") } }) })struts2配置: 你在action的class里面最后返回的时候也不需要return "success"用 public void methodA(){}最后结尾的时候这样返回数据到前台:PrintWriter w = response.getWriter() //HttpServletResponsew.write("xxxx") // json textw.flush()w.close()

最新文章