Как сделать POST с jQuery/Ajax в Django?

Я пытаюсь отправить данные с помощью jQuery/AJAX в Django, и у меня возникли проблемы. Когда я запускаю приведенный ниже код и нажимаю кнопку "тест", вся страница снова перезагружается, чего не происходит (именно поэтому я использую AJAX).

Я также не могу подтвердить, что запрос AJAX попадает в представление Django.

РЕДАКТИРОВАТЬ: я сделал правки для возврата 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)

urls.py:

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

Любой совет?

Ответ 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 Проверьте этот пост, который выглядит как ваша проблема:

Джанго JQuery пост запрос

Ответ 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)

Ответ 3

Что происходит, когда вы отправляете HTML-форму, она отправляет данные формы в атрибут action <form>. В вашем javascript вы подписываетесь на событие отправки формы, однако вы никогда не отключите поведение по умолчанию формы, которое должно следовать за атрибутом action. В jQuery вы можете изменить это поведение, вызвав метод preventDefault в аргументе события и возвращая false (если вы вызываете preventDefault, то возврат false не нужен, но лучше убедиться...)

$(...).submit(function(e) {
    e.preventDefault();
    ...
    return false;
});

ИЗМЕНИТЬ

Что касается ошибки, ваша ошибка не очень полезна, но у меня есть подозрение, что вы не проверяете CSRF. Более подробное объяснение этого здесь. Быстрое исправление заключается в том, чтобы включить этот файл в дополнение к вашему jQuery и добавить ensure_csrf_cookie на ваш взгляд.