Ajax form post with form element name as array - php

Question

I have a form with element names as multi-dimensional array like
<form method="post" id="formDealOptions" name="formDealOptions">
<table>
<tr class="dealOptionRow saved">
<td>
<input type="text" name="dealOptionsGroup[1][dealOptionName]" value="dealOptionName1">
</td>
<td>
<input type="text" name="dealOptionsGroup[2][dealOptionName]" value="dealOptionName2">
</td>
</tr>
</table>
</form>
If i post this form using normal form submit, $_POST array is like
Array(
'dealOptionsGroup' => Array( '1' => Array('dealOptionName' => dealOptionName1 )
'2' => Array('dealOptionName' => dealOptionName1 )
)
)
This is fine and i have created server side validation using this array structure. But when is submmit the same form through ajax call using serializeArray() like
var data = new Object();
data.postValues = $('#formDealOptions').serializeArray();
$.ajax({
type: "POST",
url: GLOBAL_BASE_PATH + '/deal/ajaxsaveDealOptions/',
data: data,
success: function (data) {//}
});
Now the post array is like
[postValues] => Array
(
[0] => Array
(
[name] => dealOptionsGroup[1][dealOptionName]
[value] => dealOptionName1
)
[1] => Array
(
[name] => dealOptionsGroup[2][dealOptionName]
[value] => dealOptionName2
)
)
Is there any way to post array using ajax as same in normal form post.

Answer 1

<form method="post" id="formDealOptions" name="formDealOptions">
<table>
<tr class="dealOptionRow saved">
<td>
<input type="text" name="dealOptionsGroup[1][dealOptionName]" id="aa" value="OptionName1">
</td>
<td>
<input type="text" name="dealOptionsGroup[2][dealOptionName]" value="OptionName2">
</td>
<td>
<input type="submit" name="forms" id="" value="save">
<input type="button" name="forms" id="submitButtonId" value="save">
</td>
</tr>
</table>
</form> <script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
var frm = $('#formDealOptions');
frm.submit(function () {
$.ajax({
type: 'post',
url: 'test.php',
data: frm.serializeArray(),
success: function (data) {
alert(data);
}
});
return false;
});
</script>
test.php
---------
<?php
print_r($_REQUEST);
?>

Answer 2

You can use form like this.Then post the values.
<form method="post" id="formDealOptions" name="formDealOptions">
<table>
<tr class="dealOptionRow saved">
<td>
<input type="text" name="dealOptionsGroup[dealOptionName][]" value="dealOptionName1">
</td>
<td>
<input type="text" name="dealOptionsGroup[dealOptionName][]" value="dealOptionName2">
</td>
</tr>
</table>
</form>

Answer 3

Dont serialize
$.ajax({
type: "POST",
url: GLOBAL_BASE_PATH + '/deal/ajaxsaveDealOptions/',
data:{
'data1':$('input[value="dealOptionName1"]').val(),
'data2':$('input[value="dealOptionName2"]').val(),
//.....
},
success: function (data) { }
});
And in php
<?php $_POST['data1']; //etc ?>