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

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

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

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

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

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

完!

1、html文件是最常见的网页文件,所谓HTML是超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

2、HTML不可以实现异步调用,要实现异步调用,需要使用javascript来实现,javascript中有一种 ajax 技术,就是专门用于实现异步调用的。

3、希望对你有帮助。

Ajax其实就是使用JS和后台交互的这种技术。

JS是客户端页面能执行的代码,通过Ajax客户端代码,可以隐式打开一个地址,所谓隐式就是不像我们浏览器一样在地址栏输入地址来打开网页,是在浏览器里面直接看不到的。

通过JS的XMLHttpRequest对象打开一个地址后,该对象可以获得打开地址响应回来的字符串信息,当JS获取到这个信息后就能通过格式显示到当前页面。

简单的说一下过程:

你可以在点击一个按钮时,调用一个JS方法,而这个JS方法就用ajax来和后台交互,交互完毕后把响应给js的字符串通过js处理显示在页面上,这就是典型的应用过程。

例如,用户注册时,当你输入用户名后,焦点一移开,就会触发一个事件,该事件会调用ajax,把你输入的用户名隐式传递给后台,后台收到便和数据库交互,把交互的结果返回给js,js收到后把信息提示到页面。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存