Javascript / Ajax / Json：发送对象和数组

Question

我有一个表格，人们可以输入他们的客户。

该表格允许用户添加所需数量的电话号码，电子邮件和地址。

电话和电子邮件在每个添加的行(phone_type, phone_data)都有类型和数据字段，而地址在每个行(address_type, address_street, address_city, address_state, address_zip)都有type，street，city，state和zip字段。

因此，例如，当用户添加电话字段时，它会添加：

<input type="text" name="phone_type[]" />
<input type="text" name="phone_data[]" />

我需要通过Ajax将表单数据发送到PHP，以处理并存储在数据库中。

我想过将其存储在对象中的数组中。

phone = new Object();
var phone.data = new Array(), 
phone.type = new Array();
$("input[name='phone_data[]']").each(function() {
  if($(this).val() != '') {
  phone.data.push($(this).val());
  phone.type.push($('select[name="phone_type[]"]').val());
})

这似乎不起作用。 我什至正确地解决了这个问题吗？

另外，一旦将其放入通过Ajax发送到PHP页面的对象中，如何获取值？

Answer 1

序列化表单...使用data AJAX来序列化数据发送到服务器...

 data:$('#YourFORMID').serialize();

这是文档中的示例...

http://api.jquery.com/jQuery.post/

并获取PHP中的数据（如果您使用ajax类型作为发布）

 $data=$_POST['phone_data'];
 $type=$_POST['phone_type'];

如果ajax type : GET

 $data=$_GET['phone_data'];
 $type=$_GET['phone_type'];

Answer 2

您是否要重塑jQuery的serialize（）

var frm = $("#myForm");
var values = frm.serialize();

//make Ajax call
$.post("someUrl", values, function(){} );

http://jsfiddle.net/BZcja/

Answer 3

您绝对可以使用jQuery serialize() 。 在触发处理的事件中，您可以执行以下操作：

$.ajax({  
    type: "POST",  
    url: "your_php_processing_page.php",  
    data: $("#FormID").serialize(),  
    dataType: "json",  
    success: function(data){
        // do stuff here
    },  
    error: function() {  
        // do stuff here             
    }  
});

在your_php_processing_page.php您可以获取以下值：

$phone_types = $_POST["phone_type"];
$phone_data = $_POST["phone_data"];