javascript - 如何使用 POST 请求同步提交数据，即不是 ajax 请求

Question

我想在 POST 请求中同步发送一些自定义对象，即我希望浏览器刷新并加载新的目标页面，并且我不想发出 ajax 请求。

换句话说，我想提交一个表单，其中包含一些由其字段值组成的自定义数据对象。我该怎么做？

function postData()
{
  var person = { FirstName: "John", LastName: "Doe" };

  // How do I send the person object as a part of the POST data
  $("#myForm").submit();
}

Answer 1

您可以即时创建表单:

var myForm = $('<form>', { method: 'POST', target: 'YOUR_TARGET' } ); // create a new form
myForm.append($('<input>', { name: 'FirstName', value: 'John' }));
myForm.append($('<input>', { name: 'LastName', value: 'Doe' }));
myForm.hide().appendTo('body');
myForm.submit()

但是，如果您只想将自定义数据添加到现有表单中，则可以这样做

var myForm = $('#myForm');
myForm.append($('<input>', { type: 'hidden', name: 'FirstName', value: 'John' }));
myForm.submit()