JavaScriptを使用して、ajaxフォームのようなHTTPリクエストでフォームデータを送信するserialize

Question

jQueryでは、すべてのフォームデータを1行に投稿するために$('form').serialize()があります。このようなフォームデータをポストするためにJavaScriptで利用できるメソッドはありますか？あるいは、コードのコードの代わりにJavaScriptに代替メソッドがありますか？あなたがいるFormDataを使用することができます

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

Answer 1

、次のように：

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

そして：

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

さらに詳しい情報：FormData API

私はそれはあなたに

Answer 2

シリアル化に役立ちます願っていますクレアティンのようなパラメータ文字列 フィールド1 = VALUE1 &フィールド2 = value2の

jqueryのAJAXを使用して、データがオブジェクトまたは配列として提供することができます

jQueryのではJavaScriptを使用して構築されて

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