Javascript 将整个ajax页面的所有逻辑放在何处

我对所有AJAX的东西都是新手，现在我想把我用CakePHP创建的一个小主页转换成一个完整的AJAX页面

我使用的功能主要有：

查看包含书籍列表的仪表板 看书 创作一本书 编辑一本书 删除一本书 每个函数都使用自己的视图，并应以模式显示。情态动词可以重叠是很重要的。开始时，我向每个视图添加了所需的JavaScript。因此，AJAX加载HTML视图+新AJAX，并以模式显示它。我可以点击View Book，然后编辑Book，所以两个模态会重叠

这很好，但是Chrome抛出了一些警告，因为它不喜欢重新加载AJAX

因此，我决定将所有AJAX逻辑放在Dashboard视图中，并为可能单击的每个按钮创建一个事件处理程序。因为我的模态可能会重叠，我不知道哪些模态会重叠，所以我为可能出现的每个模态创建了一个空div

目前它运行良好，但如果我添加更多功能会怎么样？ 我是否需要在我的仪表板视图中为可能出现的每个模式提供一个空div，并且在加载页面时是否必须加载所有AJAX功能

我应该把所有的逻辑放在哪里？即使我可能只使用了逻辑的一小部分，我是否一次加载所有数据？我如何处理不同内容的许多重叠模态

我希望你能给我一些建议，因为我认为我的解决方案会在项目一发展起来就把事情搞得一团糟

非常感谢

---

干杯

对于一个正确的答案来说，这还远远不够广泛。有几个像AngularJS这样的框架附带了详尽的教程和文档，解释了如何使用它们构建SPA单页应用程序。我建议你使用谷歌这个术语，或者直接使用Angular或任何其他适合SPA的框架。太宽泛但简而言之：你让你的应用程序有一个json api，然后你可以随心所欲地使用它。构建一个api是或者甚至是——那么你只需要阅读你想使用的js框架的教程就可以了。我只是想知道是否有一种不切换到JS框架就创建SPA的好方法。但我想如果你不想用一个，我会看一看P如果这是你的私人乐趣，你可以随心所欲地重新发明轮子。如果做得好，这将是一项巨大的工作。如果你有一个客户，我想如果你花10倍的时间想出一个合适的SPA解决方案，他会不高兴的，这个解决方案可能比任何现有的lib都糟糕10倍以上您至少需要一个JS中的RESTful客户端库和某种数据绑定来处理数据和API，而且听起来您对任何底层概念都不熟悉。所以选择角度，反应+主干或其他。