django ajax提交form表单数据页面跳转问题

kylin121380

点击提交后页面页面还是进行了跳转，请问哪里出了问题

html中ajax：

1.         $("#comment_form").submit(function(){
   
2.             // 更新数据到textarea
   
3.             CKEDITOR.instances['id_text'].updateElement();
   
4. 
   
5.             // 异步提交
   
6.             $.ajax({
   
7.                 url: "{% url 'comment:comment_sub' %}",
   
8.                 type: 'POST',
   
9.                 data: $(this).serialize(),
   
10.                 cache: false,
    
11.                 success: function(data){
    
12.                     console.log(data);
    
13.                     if(data['status']=="SUCCESS"){
    
14.                         // 清空编辑框的内容
    
15.                         CKEDITOR.instances['id_text'].setData('');
    
16.                     }else{
    
17.                         // 显示错误信息
    
18.                         $("#comment_error").text(data['message']);
    
19.                     }                    
    
20.                 },
    
21.                 error: function(xhr){
    
22.                     console.log(xhr);
    
23.                 }
    
24.             });
    
25.             return false;
    
26.         });

复制代码

form：

1.                 <form id="comment_form" action="{% url 'comment:comment_sub' %}" method="POST">
   
2.                         {% csrf_token %}
   
3.                         {% for field in comment_form %}
   
4.                                 {{field}}
   
5.                         {%endfor%}
   
6.                         <input type="submit" value="评论" class="btn btn-primary pull-right">
   
7.                         <hr>
   
8.                 </form>

复制代码

后端views:

1. @csrf_exempt
   
2. def comment_sub(request):
   
3.     referer = request.META.get('HTTP_REFERER', '/')  # 跳转回原网页
   
4.     comment_form = CommentForm(request.POST, user=request.user)
   
5.     data = {}
   
6.     if comment_form.is_valid():
   
7.         comment = Comment.objects.create(
   
8.             article_comment=comment_form.cleaned_data['comment_content'],
   
9.             user=comment_form.cleaned_data['user'],
   
10.             article=comment_form.cleaned_data['bbs'],
    
11.         )
    
12.         comment.save()
    
13.         # return redirect(referer)
    
14.         data['status'] = 'SUCCESS'
    
15.         data['user'] = comment.user.username
    
16.         data['text'] = comment.article_comment
    
17.         data['comment_time'] = comment.date.strftime('%Y-%m-%d %H:%M:%S')
    
18.     else:
    
19.         # return render(request, '404.html', {'message': comment_form.errors, 'redirect_to': referer})
    
20.         data['status'] = 'ERROR'
    
21.     return JsonResponse(data)

复制代码

kylin121380

提交后会自动跳转到原本指定页面，页面信息是jsonresponse返回的信息。

kylin121380

textarea的id写错了CKEDITOR.instances['id_text'].updateElement();里面的id改成自己textarea的id就好了