Django Ajax Form submit wrongly redirect to another page

Question

When I use ajax to submit a comment form in Django,the page will redirect to a blank page shows me the success data:

{\"status\":\"success\", \"msg\":\"添加成功\         


        

Answer 1

Finally I made it!Thanks Lord!Very excited!

I have Three major issues in my previous code.

First:Since the ajax will post the news_pk to the view update_comment,so I don't need add news_pk in this view's url and template(in the url of

tag and the url in the ajax),so I removed them,or the data will still pass through Form but not ajax.

Second:My binding is incorrect,I have the click handler on the form it should be a submit handler. If I was binding it to a button then I'd use click a handler.Ajax not work in Django post But for this part I'm still a some confused,between the button summit way and form submit way.

The third issue is I mistaked 'comments' and 'comment'.'comment' is the name attribute of </code> ,through which forms.py gets the data.</p> <p>comments is defined by ajax through <code>var comments = $("#js-pl-textarea").val(),</code> so in the view I need use <code>comments = request.POST.get("comments", "")</code> but not comment,that's the reason why 'post failed'.</p> <p>Following is my code.</p> <p>Here is the ajax:</p> <pre><code> $("#comment_form").submit(function(){ var comments = $("#js-pl-textarea").val() $.ajax({ cache: false, type: "POST", url:"{% url 'operation:update_comment' %}", data:{'news_pk':{{ news.pk }}, 'comments':comments}, async: true, beforeSend:function(xhr, settings){ xhr.setRequestHeader("X-CSRFToken", "{{ csrf_token }}"); }, success: function(data) { if(data.status == 'fail'){ if(data.msg == '用户未登录'){ window.location.href="login"; }else{ alert(data.msg) } }else if(data.status == 'success'){ window.location.reload();//refresh current page. } }, }); return false; }); </code></pre> <p>Here is my udate_comment view:</p> <pre><code>@login_required def update_comment(request): news_pk = request.POST.get("news_pk", 0) comments = request.POST.get("comments", "") if int(news_pk) > 0 and comments: news_comments = NewsComments() news = News.objects.get(id=int(news_pk)) news_comments.news = news news_comments.comments = comments news_comments.user = request.user news_comments.save() return HttpResponse('{"status":"success", "msg":"添加成功"}', content_type='application/json') else: return HttpResponse('{"status":"fail", "msg":"添加失败"}', content_type='application/json') </code></pre> <p>Here is my form in template:</p> <pre><code><form id="comment_form" action="{% url 'operation:update_comment'%}" method="POST" > {% csrf_token %} <textarea id="js-pl-textarea"name="comment">

I really appreciate everyone's reply!With your reply I figured out these issue step by step!