时间戳

首页 > 解决方案 > 提交表单后如何防止表单呈现到新页面？

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

我也尝试这种方式。但他们都没有工作。每当提交表单时，它都会呈现页面。我需要在提交后停止表单呈现页面。谢谢你的帮助！ 再试一次

标签： javascript

解决方案

尝试发布方法而不是提交表单

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

推荐阅读