как запретить отображение формы на новой странице после отправки формы?

#javascript

#javascript

Вопрос:

 function post(url, fields) {
  //create a <form> element.
  var p = document.createElement('form');
  //construct the form
  p.action = url;
  p.innerHTML = fields;
  p.target = '_self';
  p.method = 'post';
  //append the form to the current page.
  document.body.appendChild(p);
  //submit the form
  p.submit(function (e) {
    e.preventDefault();
  });
}
  

Я тоже пробую этот способ. Но ни один из них не работает. Всякий раз, когда форма отправляется, она отображает страницу. Мне нужно остановить отображение формы на странице после отправки. Спасибо за любую помощь!
Еще одна попытка

Комментарии:

1. попробуйте функцию stopPropogation

2. Когда вы вызываете submit() <form> элемент, он отправляет форму. Я думаю, вам нужно решение AJAX

Ответ №1:

попробуйте метод post вместо отправки формы

 function post(url, fields) {
  $.post(url,{fields: fields} ,function(data, status){
    alert("Data: "   data   "nStatus: "   status);
  });
}  

 function post(url, fields) {
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(fields));
}