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

时间:2014-03-01 00:06:50

标签: jquery django

我正在使用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”并同时提交表单?怎么样?

谢谢!

1 个答案:

答案 0 :(得分:0)

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