如何防止页面滞后/挂每次我使用innerHTML或jquery html()渲染页面的一部分

How to prevent page lagging/hanging everytime I render a part of the page using innerHTML or jquery html()

本文关键字：html jquery 一部分 innerHTML 滞后何防止更新时间：2023-09-26

我有一个web应用程序，我使用jquery从服务器请求使用$.ajax。现在，每次获取响应并使用jquery .html()显示响应。我的浏览器挂起或滞后。因此，当我在文本框中输入时，ajax将从服务器请求一个数据。然后，响应将在浏览器中呈现，但我在搜索框中的输入将挂起。基本上我的问题是在响应的显示。

是否有任何方法可以异步呈现响应，以便我仍然可以在搜索框中键入而不会挂起或滞后?

请建议。许多谢谢。

您可以提高响应呈现的性能。JavaScript中只有一个线程。浏览器不能在呈现响应的同时接受输入。John Resig的这篇优秀的博文将进一步解释这一点:JavaScript计时器是如何工作的。这个来自MIX11的会议是一个关于浏览器性能的必看:50个性能技巧让你的HTML5网站更快。

如果您有某种增量搜索，您可以在用户输入时执行任何请求之前添加超时。然后呈现可能在用户完成输入后才发生。