javascript - 创建类似小部件的 ajax 页面部分的最佳方法？

Question

因此，我有一个由 4 个不同的 AJAX 容器组成的页面(这意味着它们通过 AJAX 填充了 HTML)。我有一个附件部分，每当执行新的上传时都会刷新该部分。

目前我有一个 DIV，它被替换为我想要的内容，然后当我执行某种 AJAX POST 操作时，它会返回更新后的 HTML 内容。在一种情况下，我有一个 AJAX 部分，其中包含一个 AJAX 部分，其中包含一个 AJAX 部分。这是一个带有“位置”部分的“报价”屏幕，其中为附加到报价的每个位置填充一个页面......每个位置都有一个“行项目”部分，其中填充了分配给该位置的当前行项目列表地点。我有一个 AJAX 表单附加到每个位置，在添加项目时刷新订单项列表。此外，我在报价页面附有一个表格，可在添加位置时刷新位置列表。

<!-- Quote page -->
<div id="locations>
    <!-- AJAX page listing locations -->
</div>
<form id="ajax-form-for-adding-locations">
    <input id="location-name" type="text"/>
</form>

---

<!-- Location page -->
<div id="line items">
    <!-- AJAX page listing line items for this location -->
</div>
<form id="ajax-form-for-adding-line-items">
    <input id="item-name" type="text"/>
</form>

嵌套的 AJAX 部分对我来说似乎有点过分。有没有更好的方法来设置它？

Answer 1

解决这种严重基于 ajax 的单页应用程序设计的最好、最干净、最可扩展和最适合 future 的方法是使用 javascript MVC libraries 之一。 .

我个人向您推荐 backbonejs - 它有一个很棒的社区，正在积极开发，轻量级和快速学习足以能够立即构建高质量的应用程序。

检查 website并查看使用 backbone 的示例应用程序，浏览简短(但完全覆盖代码)文档并查看示例待办事项应用程序。您也可以check the wiki page on github获取更多资源和示例/教程

在尝试了一些其他选项之后，我们正在我们公司使用它，我们 <3 它到了令人难以置信的地步!

哦，你在标签中提到了 jquery - BackboneJS 与 jQuery(和 CoffeeScript，以及其他任何东西......它是纯粹的爱:)!)一起玩得非常好