Question

我是ajax的新手，我正在尝试提交表单而且页面不应该重新加载。我在django做这件事。

HTML

#...
<form id="feedback_submit_form" action="" method="post">
{%csrf_token%}
<textarea id="feedback_text" name="feedback_text"></textarea>
<input type="submit" id="feedback_submit" value="Send feedback"/>
</form>
#...

的javascript

$('#feedback_submit_form').submit(function(e){
$.post('**WHAT URL SHOULD BE HERE**', $(this).serialize(), function(data){
 ***WHAT SHOULD I DO HERE***
   });
e.preventDefault();
});

views.py

def ajax_view(request):
    if request.method=='POST':
        feedback=request.POST.get('feedback_text')
        #save feedback to database
        **DO I NEED A RETURN HERE**

我想这样做，提交反馈表单，不刷新当前页面，反馈表中的数据应保存到数据库中。

我该怎么办？希望你理解它。

提前致谢...

Answer 1

网址可以是您想要的任何内容：一种解决方案是将表单的action属性与$(this).action一起使用。

您没有真正指定您想要发生的事情，但是一个好的模式是您的视图呈现格式化结果的部分模板，而Ajax只需将其插入到具有$(surrounding_div).html(result)的页面中。

ajax反馈提交没有页面重新加载

1 个答案: