javascript - 使用 JavaScript 的 AJAX 响应更新页面内容

标签 javascript ajax dom

对此有很多疑问,但没有一个真正有帮助。 What other options for replacing entire HTML document via W3C DOM?更接近我想要的,但没有回答我的问题。

我有一个页面。当用户单击从该页面到另一个页面的链接时,将使用 AJAX 获取新页面的内容。 responseText包含一个全新的页面。如何用新内容替换旧内容?

Facebook 完美地做到了这一点,Gmail 也是如此。页面已更新,包括其头部(当页面标题根据新内容更改时我注意到了这一点)。

到目前为止,我已尝试替换 innerHTML<html>标签,但变量从一个页面传送到另一页面,这会导致错误。我也尝试过document.write(xhr.responseText)但这在 history.onpopstate 时引起了冲突被调用,但大多数情况下,它非常慢。

我还没有尝试过的是document.replaceChild(newDom, document.documentElement) ,因为我找不到创建新文档对象实例的正确跨浏览器方法。

那么,有没有一种干净的方法来欺骗浏览器“这是一个新页面。您不应该将变量从前一页传递到此页面。将其呈现为与我这里的 HTML 文本完全不同的页面。” ?

最佳答案

你可以用 Angular JS 完美地做到这一点。即使使用 Angular js 也非常简单

关于javascript - 使用 JavaScript 的 AJAX 响应更新页面内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35533044/

相关文章:

javascript - 为什么此 Accordion 菜单中的子菜单没有保持打开状态?

javascript - 返回 ajax 结果页面上上次看到的位置

java - IE 8 中不一致的 GWT 行为

java - 如何在“with\”转义时避免转义 &

javascript - React - 你可以变异修改 this.props.children 来动态(以编程方式)添加子组件

javascript - 使用正则表达式在 JavaScript 中查找最长的重复子字符串

javascript - 错误 500(内部服务器错误)ajax 和 laravel

javascript - 如何用jquery找到深度嵌入的 child

JavaScript 帮助。向 DOM 添加/删除表单元素

javascript - 使用 jQuery 或 Javascript 搜索嵌套 JSON