提交Django搜索表单并使用.jquery.load来获取结果

Question

我正在用Jquery和Django构建一个搜索函数。我想知道如何将jquery.load函数与表单提交相结合。

这就是我的工作。

我点击一个链接，打开一个对话框，加载一个带有Django表单的子模板进行搜索。

<form method="post" id="searchform" action="/search/">{% csrf_token %}
{{ form.as_p }}
<button type="submit" id="submitsearch">Search</button><p>
</form>

如果我只是用处理表单时从Django视图中返回的搜索结果重定向到一个新页面，这个函数会非常有效。

但当搜索表单填写完毕后，我想在同一个对话框中提交并返回结果。我在想这样的事情(但这不起作用)。。。

$("#dialog").on("click", "#submitsearch", function(event) {
event.preventDefault();
$("#dialog").load('search/' + $('#searchform').serialize());

是否可以在对话框中使用".load"并同时提交表单？怎样

谢谢！

Answer 1

您可以将数据对象作为第二个参数传递给$.load，而不是将其添加到URL中。当第二个参数被传递时，jQuery执行POST。请参阅文档。