完整的 Ajax 网站 (SPA) 和 Javascript-DOM 冲突

问题描述

我是 DOM 和 Javascript 的初学者,正在创建一个完整的 Ajax 网站,该网站没有使用 Laravel 框架刷新页面。 到目前为止,我一直在使用这个理论:

  1. 独立创建每个页面并加载该页面所需的所有 javascript 和样式以及所有页面中通用的一些文件
  2. 监听链接点击,如果它有一个包含目标页面 url 属性的特殊数据路由,调用 loadPage javascript 函数
  3. 在 loadPage $.get() 中将请求页面作为 html 字符串并完全替换为当前文档 html

起初这似乎是一种很好的做法,但我知道它会导致一些冲突:

一些返回页面后,例如在页面 A -> 加载页面 B -> 再次加载页面 A 似乎某些 JavaScript 文件可能只执行一次或可能不止一个,因为当我在控制台中遇到一些错误时我又回到了页面 A。

所以我的问题是: 我的方法正确还是应该以其他方式完成而不是在当前文档中加载完整文档?

我是否应该在主页中加载我所有的网站 Javascript 文件和样式,然后只附加 Body DOM?

在这种情况下使用 pjax 是更好的方法吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...