DJWOMS1
@DJWOMS1
Веб-программист

Как этот ajax-запрос на jquery сделать с помощью axios?

Здравствуйте. Бек сделан на Django. Фронт переделываю полностью на vue.js. Интересует как отправить форму при помощи vue.js. Ниже код который работает на jquery. Суть в чем, делать запросы при помощи axios я могу, но форма не проходит валидацию на стороне django. POST приходит пустой, хотя данные отправлены. Csrf_token настроен и работает.
Как этот код jquery перенести на vue.js?
$('#pForm').submit(function(e){
    e.preventDefault();
    $.ajax({
      url: "pass_change",
      type: "POST",
      data: $('#pForm').serialize(),
      success: function(data) {
        alert(data);
      },
      error: function(response) {
          
     }
    });
});
  • Вопрос задан
  • 1413 просмотров
Пригласить эксперта
Ответы на вопрос 1
@304
let form = document.querySelector('form');
  form.onsubmit = e => {
    e.preventDefault();
    let res = document.querySelector('.result');
    axios({
      method: 'POST',
      url: '/test',
      data: {
        'input1': document.querySelector('input[name="input1"]').value,
        'input2': document.querySelector('input[name="input2"]').value,
        'textarea': document.querySelector('textarea[name="textarea"]').value
      }
    }).then( () => {
      res.innerHTML = 'Form was successfully sent!';
      form.reset();
    }).catch( ()=> {
      res.innerHTML = 'An error occurred!';
      form.reset();
    });
  };
};
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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