將文本框數組傳遞給ajax json

Question

我有兩個不同的數組，即main_name []和sub_name []。 我必須使用AJAX將這些值傳遞到下一頁，以便插入到DB中。請您幫我解決，我怎樣才能將數組作爲AJAX中的數據傳遞。 HTML

<input type="text" name = "main_name[]" value = "" > 
<input type="text" name = "sub_name[]" value = "" > 

JS

$.ajax({ 
type: "POST", 
dataType: "json", 
url: "response.php", //Relative or absolute path to response.php file 
data: data, 
success: function(data) { 
$(".the-return").html 
); 
alert("Form submitted successfully.\nReturned json: " + data["json"]); 
} 
}); 
return false; 
}); 
}); 

Answer 1

試試這個它會得到你的表格中的所有值（數據）變量，通過Ajax JSON格式發送。

var data = $('form').serialize(); 
$.ajax({ 
type: "POST", 
dataType: "json", 
url: "response.php", //Relative or absolute path to response.php file 
data: data, 
success: function(data) { 
$(".the-return").html 
); 
alert("Form submitted successfully.\nReturned json: " + data["json"]); 
} 
}); 
return false; 
}); 
}); 

Answer 2

$('form').serialize()將所有表單元素連同值一起序列化，並與ajax查詢一起發送。

$.ajax({ 
    type: "POST", 
    dataType: "json", 
    url: "response.php", //Relative or absolute path to response.php file 
    data: $('#form_id').serialize(), 
    success: function(data) { 
     $(".the-return").html 
    ); 
    alert("Form submitted successfully.\nReturned json: " + data["json"]); 
    } 
    }); 
    return false; 
    }); 
    }); 

Answer 3

你可以簡單地使用serializeArray

var data = $(form).serializeArray(); 

$.ajax({ 
    type: "POST", 
    dataType: "json", 
    url: "response.php", //Relative or absolute path to response.php file 
    data: data, 
    success: function (data) { 
     $(".the-return").html(); 
    } 
});