Question

所以，我有一个由4个不同的AJAX容器组成的页面（意味着它们通过AJAX填充HTML）。我有一个附件部分，每当执行新的上传时刷新该部分。

目前我有一个被我想要的内容替换的DIV，然后当我执行某种AJAX POST动作时，它会返回更新的HTML内容。在一个案例中，我有一个AJAX部分，其中包含一个包含和AJAX部分的AJAX部分。这是一个带有“位置”部分的“报价”屏幕，其中填充了附加到报价的每个位置的页面...并且每个位置都有一个“行项目”部分，其中填充了分配给该列表的当前行项目列表地点。我有一个AJAXform附加到每个位置，在添加项目时刷新行项目列表。另外，我在引用页面上附加了一个表单，在添加位置时刷新位置列表。

<!-- 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的单页应用程序设计的最佳，最干净，最具扩展性和最具前瞻性的方法是使用javascript MVC libraries之一。

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

检查website并使用骨干查看示例应用程序，查看简短（但完全覆盖代码）文档，并查看示例todo应用程序。您还可以check the wiki page on github获取更多资源和示例/教程

我们之前在尝试了其他一些选项之后在我们公司使用它，而且我们已经知道它很难相信！

哦，你在标签jquery中提到过 - BackboneJS与jQuery（以及CoffeeScript，以及其他任何......纯粹的爱情:)完美搭配！）

创建类似于widget的ajax页面部分的最佳方法？

1 个答案: