如何在Django中使用jQuery/Ajax进行POST？

Question

我试图在Django中使用jQuery/AJAX发布数据并遇到麻烦.当我运行下面的代码并单击"测试"按钮时,整个页面再次重新加载,这不是我想要发生的事情(这就是我使用AJAX的原因).我也无法确认ajax请求是否正在进入python视图.有什么建议？

编辑

我已经编辑了返回false和event.preventDefault().新页面无法加载,但我仍然无法在div id ='message'字段中看到更新的文本.我不确定数据是否已发送.我在控制台看到:

POST /edit_favorites/ HTTP/1.1" 403 2294

views.py

from django.shortcuts import render_to_response
from django.http import HttpResponse

def edit_favorites(request):
    if request.is_ajax():
        message = "Yes, AJAX!"
    else:
        message = "Not Ajax"
    return HttpResponse(message)

URL配置:

url(r'^edit_favorites/', 'edit_favorites'),

HTML:

<form method='post' id='test'>
  <input type="hidden" value="video34"/>
  <input type='submit' value='Test button'/>
  <div id='message'>Initial text</div>
</form>

JavaScript的:

$(document).ready(function () {
  $("#test").submit(function (event) {
    event.preventDefault();
    $.ajax({
      type: "POST",
      url: "/edit_favorites/",
      data: {
        'video': $('#test').val() // from form
      },
      success: function () {
        $('#message').html("<h2>Contact Form Submitted!</h2>")
      }
    });
    return false;
  });
});

Answer 1

错位return false;.它应该在.submit()功能的最后.所以向上移动一行.

$(document).ready(function () {
  $("#test").submit(function (event) {
    $.ajax({
      type: "POST",
      url: "/edit_favorites/",
      data: {
        'video': $('#test').val() // from form
      },
      success: function () {
        $('#message').html("<h2>Contact Form Submitted!</h2>")
      }
    });
    return false; //<---- move it here
  });

});

更新:

关于这个问题POST /edit_favorites/ HTTP/1.1" 403 2294.查看这篇与您的问题类似的帖子,

Django jQuery发布请求

Answer 2

以下方法对我有用.我也希望能帮到你.

from django.views.decorators.csrf import csrf_exempt
from django.http import HttpResponse

@csrf_exempt
def edit_favorites(request):
    if request.is_ajax():
        message = "Yes, AJAX!"
    else:
        message = "Not Ajax"
    return HttpResponse(message)