javascript - 如何使用 JQuery 将动态内容加载到 DIV 中

标签 javascript jquery html jquery-load

我有一个 div:

<div id="content"></div>

当页面加载时,我调用.load()。此加载大约需要 10 分钟才能完成,在执行过程中,其 PHP 文件会返回一些有关执行状态的信息,例如 Linux 加载。我想将此信息动态地放入 div #content 中,但 .load() 仅在执行结束时放入。有人可以帮我做到这一点吗?

.load() 调用:

$("#content").load("/admin/ajax/analyse.php");

最佳答案

jQuery 的 ajax 接口(interface)不提供获取响应进度更新的方法(尽管它声称是浏览器 native XMLHttpRequest 对象的超集)。显然,such a use case is inconceivable to the jQuery developers :

No onreadystatechange mechanism is provided, however, since success, error, complete and statusCode cover all conceivable requirements.

通过直接使用 XMLHttpRequest,您可以在 onreadystatechange 事件处理程序中读取响应的当前进度:

var xhr = new XMLHttpRequest();
xhr.open("GET", "/admin/ajax/analyse.php", true);
xhr.onreadystatechange = function receiveUpdate(e) {
    $("#content").html(this.responseText);
}
xhr.send();

这适用于大多数浏览器的最新版本,包括 IE 10、Chrome 和 Firefox。

演示:

关于javascript - 如何使用 JQuery 将动态内容加载到 DIV 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14408366/

相关文章:

javascript - Phonegap 检测手机是否处于事件状态

javascript - 将 jquery onclick 甚至绑定(bind)到此工具提示

javascript - 队列中的“for”循环,替换跨度标签的问题

javascript - 跨域GET请求,浏览器和本地主机调用的区别

python - 为什么这个 Jinja 宏渲染文本而不是 HTML?

javascript - 无法从 CRM 2011 中的 HTML Web 资源访问 Xrm.Page.data

javascript - 在 JavaScript 中获取字体指标?

javascript - WebGL 在像素级别混合颜色

javascript - Chrome 和 Firefox 中的 nicEditor 链接问题

javascript - 如何集中各种 z-index div 类?