帶有jQuery和Ajax的POST數組

Question

我有一個包含多個字段的表單，可以在其中添加字段。

表格如下：

<form id="myForm" action="myfile.php" >
<input . . > 

<select>. . . </select>

</form>

myfile.php具有以下代碼：

foreach ($_POST as $key => $value) {

echo $key." takes the <b>".$value."</b> Value"; 

}

這個簡單的代碼處理該表單的所有條目，無論有多少。

現在，我想要的是：

當我單擊提交按鈕時，而不是將表單的內容發送到腳本，而是實際獲取該數組並將其傳遞給AJAX，而不必手動編寫每個鍵及其值。

我希望這是有道理的

Answer 1

我認為您正在尋找的是serialize（）

jQuery(function ($) {
    //submit handler
    $('#myForm').submit(function (e) {
        //prevent default submit
        e.preventDefault();

        $.ajax({
            url: $(this).attr('action'),
            type: 'POST',
            data: $(this).serialize(),
            ....
        })
    });
})

Answer 2

您可以使用jQuery serialize()方法

$("#myForm").submit(function(e){ //To listen submit event
    e.preventDefault(); //To prevent default browser action
    var data=$(this).serialize(); // To get form data
    $.post($(this).attr('action'),data,function(data){ //To perform post
         $('#result').html(data); //Result data
    });
});