ajax异步返回拼接html,样式失效问题

ajax异步返回拼接html,样式失效问题,第1张

ajax异步请求数据,在前端用js拼接也好,在后端拼接整体当作字符串返回给前端也好,前端拿到数据传到html中时会发现,拼接的html的css已经失效。

然后发现样式失效之后,页面展示就这样了

后来才发现,在ajax回调中,需要再次调用一下jquery *** 作dom的方法,如图下图所示

经过重新渲染之后,页面很快就趋于平整啦。

完!

1、后台程序生成json数据,不用拼接直接返回

2、ajax接收数据后,调用js解析json数据,可以利用jquery.parseJSON()方法解析

3、解析之后得到obj对象,然后可以直接obj.name这样获取对象属性

4、用html代码拼接

示例:

var obj = jQuery.parseJSON('{"name":"John","age":"20"}')

比如拼接为表格的tr

html = "<tr><td>" + obj.name + "</td><td>" + obj.age + "</td></tr>"


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

原文地址: http://outofmemory.cn/zaji/6107049.html

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

发表评论

登录后才能评论

评论列表(0条)

保存