javascript - ajax 反馈提交而无需重新加载页面

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();
});

视图.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

URL 可以是任何你想要的：一种解决方案是将表单的action属性与$(this).action.

您并没有真正指定要发生什么，但一种好​​的模式是让您的视图呈现一个格式化结果的部分模板，而 Ajax 只需将其插入到带有$(surrounding_div).html(result).