帮助处理杂乱无章的 ajax 调用 + django

Question

我在尝试组织记录提交应用程序的索引页面上的一堆 ajax 调用时遇到了一些麻烦。这就是我想要做的：

1. 我的 /index 页面上有一个列表，其中包含我在数据库中的项目列表。当我向 /show_list 发送 ajax 调用然后将其加载到 /index 页面上时，此列表由 django 生成

2. 我有一个花哨的模式窗口，它会在同一个 /index 页面上弹出，以便将项目添加到数据库中。此表单在 /index 页面中编程，收集用户输入并将其发送到 /add_item 以将其加载到数据库中。

3. 在 /show_list 模板中描述的这个列表中，我有编辑功能来更改每个单独的记录，这些记录填写上面的表格，因此用户可以轻松地编辑现有信息。但现在，我有 /show_list 代码进入 /index 以更改表单信息。编辑后的信息被传回 /add_item（但实际上是在编辑它），然后 /index 调用 /show_list 刷新自己。

我可以看到这是令人难以置信的混乱和烦人的跟踪。我最终在 $.ajax{success: function(){ ... } } 部分中有大量代码，这对我来说似乎不正确。

有没有更好的方法来安排这种行为？

Answer 1

首先，似乎没有必要在页面加载时使用 AJAX 加载列表。您应该只在视图中加载该数据并将其传递给模板，除非有理由不告诉您使用 AJAX。

至于编辑功能，在编辑项目时刷新整个列表非常浪费。你应该做什么来代替它来编辑列表项。 jQuery 有一些函数可以轻松处理。由于 AJAX 可能已通过链接或其他方式附加到元素，因此定位正确的元素应该很简单。