因此,我有一个由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部分对我来说有点过分。有没有更好的方法来设置这个?

最佳答案

要解决这种严重基于ajax的单页应用程序设计,最好、最干净、最可扩展、最具前瞻性的方法是使用javascript MVC libraries中的一种。
我个人向您推荐backbonejs-它有一个很棒的社区,是积极开发的,轻量级和快速学习足以在任何时候建立高质量的应用程序。
检查website并查看使用backbone的示例应用程序,浏览简短(但完全涵盖代码)文档并查看示例todo应用程序。您还可以check the wiki page on github获取更多资源和示例/教程
我们在尝试了一些其他的选择之后在我们公司使用它,我们哦,你在标签jquery中提到过-BackboneJS与jquery(和CoffeeScript,等等)配合得非常好。。。这是纯粹的爱:)!)

10-04 22:46
查看更多