Как передат переменные в форму Django через jQuery?

Question

[Sviat28]

есть форма django

class Name(forms.ModelForm):
  
    class Meta:
        model = Name
        fields = ('name', 'surname')

и есть переменные которые я создал в jQuery

function save() {
     var name  = 'Monty';
     var surname  = 'Python';
}

Я хочу сделать запрос post, и сохранить эти переменные в соотвествующие поля формы, но не знаю как сделать post запрос в jquery и передать это правильно в django форму, обычно при работе с формами, мы выводим их в шаблон, вводим данные, нажимаем кнопку, и сохраняем, как сделать этот движ, через функцию jQuery?

def name(request):
  if request.method == "POST":
    form = Name(request.POST, request.FILES)
    if form.is_valid():
      name.save()
  else:
    print ("Произошла какая-то хрень")
    form = NameForm(request.POST)
    return render(request, 'site/name.html', {'form': form})

Comments

[NaName]

через jQuery сделать POST запрос с data = {name: 'name', surname: surname}

[howuu]

NaName, нашел в документации такой запрос

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

допустим меняю его так

$.ajax({
  type: "POST",
  url: url,
  data: data = {name: 'name', surname: surname},
  success: success,
  dataType: dataType
});

url - так и оставляю? и как потом принимать его в view? Раньше с этим не сталкивался, извиняюсь

[NaName]

howuu, хороший пример. url - куда отправляем запрос (jquery это же клиент, url это "адрес" сервера который обрабатывает запросы). в success будет ответ сервера, dataType я не пользовался. в твоем описании задачи есть def name... в jQuery используй url который связан с методом name (см. urls.py)

[howuu]

NaName, при этом примере django ругается Forbidden (CSRF token missing or incorrect.) не подскажите как правильно подключить csrf токен? пробую так, но django ругается

<WSGIRequest: POST '/np/'>
Internal Server Error: /np/

function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}
var csrftoken = getCookie('csrftoken');

alert (csrftoken)



  $.ajax({

  url: '/np/',
  type: "POST",
  data: name= {name: 'Monty', surname: 'Python', 'csrfmiddlewaretoken':  csrftoken},
});
}

может проблема в url? он выглядит так url(r'^np/$', views.np, name='np'),

[NaName]

howuu, нет, не в урл. не надо добавлять токен к data. можно отключить токен декоратором или убрать csrfmiddlware из INSTALLED_APPS. но это какбы небезопасно https://learn.javascript.ru/csrf . попробуй еще дополнить свой js код

function getCookie(name) {
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }

    var csrftoken = getCookie('csrftoken');

    function csrfSafeMethod(method) {
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
    }

    $.ajaxSetup({
        beforeSend: function(xhr, settings) {
            if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                xhr.setRequestHeader("X-CSRFToken", csrftoken);
            }
        }
    });