使用JavaScript通過HTTP請求提交表單數據，就像ajax表單序列化一樣

Question

在jQuery中，我們有$('form').serialize()在一行中發布所有表單數據。 JavaScript中是否有可用的方法來發布這樣的表單數據，或者JavaScript中的代碼下方有替代方法？

var url = "path.php"; 
$.ajax({
       type: "POST",
       url: url,
       data: $("#idForm").serialize(), //like this i need in js
       success: function(data)
       {
       }
});

Answer 1

您可以使用FormData，如下所示：

let data = new FormData(document.querySelector('form'));

接着：

let request = new XMLHttpRequest();
request.open("POST", "url");
request.send(data);

更多信息： FormData API

希望對您有幫助

Answer 2

序列化正在創建一個參數字符串，例如field1 = value1＆field2 = value2

使用jquery ajax時，數據可以作為對象或數組提供

var x = document.getElementById("myForm");
var formData = [];
var i;
for (i = 0; i < x.length; i++) {
    formData[x.elements[i].name] = x.elements[i].value;
}

$.ajax({
       type: "POST",
       url: url,
       data: formData
       success: function(data)
       {
       }
});