jquery将元素追加到动态列表中

Question

在我的页面中我有：

• 由datetime DESC订购的数据库加载的约会列表。

• 搜索栏以优化我的元素列表（通过GET请求）

• 表单将新元素添加到数据库

我希望能够添加新约会“Y”（使用Jquery）并将其附加到列表中而不会丢失日期时间顺序。

如果列表是静态，我可以在“约会Y”获取其ID（例如“2”）之前找到第一个约会的日期时间，并使用jquery我的新“约会” Y“在ID = 2的元素之后。

但是动态列表不起作用，因为元素ID = 2可能不存在，而jquery不知道在哪里放置“约会Y”.. 我只需要在列表中出现的那些元素之间查询数据库。我想。

我应该通过jquery通过约会数据发送，还有我用于搜索的GET变量？我是如何得到的？

Answer 1

您可以使用模板（tmpl）和$ .ajax的组合。将新约会添加到数据库后，您可以调用JavaScript函数来调用$ .ajax调用。在回调函数中，您可以将新更新的json数据注入模板。此类工作流程允许您在不刷新页面的情况下更新列表。

以下是有关jQuery模板入门的更多信息...... http://www.borismoore.com/2010/09/introducing-jquery-templates-1-first.html