javascript - 将 JQuery 与字符串一起使用(而不是 DOM)

Question

我记得过去使用过一个插件，我可以使用 AJax 加载页面并仅更新部分 DOM。 AJax 请求返回整个 HTML 页面，但只有一小部分替换了当前加载的 DOM 的一部分。

例如，SO 可以使用此函数来获取 http://stackoverflow.com 并仅更新 #content。 SO 将发出 AJax 请求来获取 http://stackoverflow.com，从返回的字符串中获取 #content，并更新 #content DOM。

抱歉，如果我的问题令人困惑。如果没有插件，我该如何做到这一点？

Answer 1

.load()函数就是为了做到这一点而设计的。只需包含元素的选择器和 URL，如下所示:

$('#content').load('http://stackoverflow.com #content', optionalCallbackFunction);

这会将当前页面上 ID 为 content 的元素的内容替换为 AJAX 请求返回的页面上 ID 为 content 的元素的内容到 http://stackoverflow.com，然后运行名为 opticalCallbackFunction 的函数。当然，假设请求成功。