ajax反馈提交，无需重新加载页面

ajax feedback submit without page reload

本文关键字：加载 新加载 提交 ajax      更新时间：2023-09-26

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

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**

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

我该怎么做。希望你能理解。

提前感谢。。。

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

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

相关文章：