@NikClik

Как получить данные из шаблона по нажатию на кнопку без перезагрузки страницы?

Мне нужно отправить данные (которые помещены в input на шаблоне) в def по нажатию на кнопку, но при этом нельзя перезагружать страницу, т.е оформить передачу данных через form на шаблоне или через обращению к url при нажатии на кнопку нельзя т.к они перезагрузят страницу, тогда как это можно сделать не перезагружая страницу?
  • Вопрос задан
  • 939 просмотров
Решения вопроса 1
alsolovyev
@alsolovyev
Для формы submit Event.preventDefault();
После отправляем AJAX запрос:

// this is the id of the form
$("#idForm").submit(function(e) {


    var form = $(this);
    var url = form.attr('action');

    $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(), // serializes the form's elements.
           success: function(data)
           {
               alert(data); // show response from the django.
           }
         });

    e.preventDefault(); // avoid to execute the actual submit of the form.
});


Plain JS: XMLHttpRequest
var http = new XMLHttpRequest();
http.open('POST', url, true);
http.onreadystatechange = function() {
    if(http.readyState == 4 && http.status == 200) {
        console.log(http.responseText);
    }
}
http.send(params);


JQ Ajax
$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Karmov69
vue в связке если использовать удобно думаю очень
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы