JavaScript/Ajax/Json : Sending objects and arrays

Question

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

此表单允许用户添加任意​​数量的电话号码、电子邮件和地址。

电话和电子邮件对于每个添加的行 (phone_type, Phone_data) 都有类型和数据字段，而地址对于每行 (address_type,地址_街道、地址_城市、地址_州、地址_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

序列化你的表单...使用ajax的data将序列化数据发送到服务器...

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

这里是文档，请查看示例...

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

并获取 PHP 中的数据(如果您使用 ajax 类型作为 post)

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

如果ajax类型:GET

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