Pass an array by ajax to php page

I am facing same problem and, i am just using code like this. but first of all please insert one hidden field and set textbox id like this:

<input type="hidden" name="txt_count" id="txt_count" value="3" />
<input type="text" name="txtCoursesNamewith[]" id="txtCoursesNamewith1" size="117" >
<input type="text" name="txtCoursesNamewith[]" id="txtCoursesNamewith2" size="117" >
<input type="text" name="txtCoursesNamewith[]" id="txtCoursesNamewith3" size="117" >

<script type="text/javascript">
var txt_count= $('#txt_count').val();
for (i=1; i<=txt_count; i++){
   queryString += "&txtCoursesNamewith%5B%5D=" + $('#txtCoursesNamewith'+i).val();
}
</script>

finally we can pass queryString variable to ajax, and you can print array.

<?php
echo "<pre>";
print_r($_GET); // or print_r($_POST);    
?>

var textBoxes;   
$('input[name="txtCoursesNamewith[]"]').each(function() {
textBoxes+=$(this).val()+"|||";
});

Now the textBoxes have all the values of text field with ||| separated and pass to php script and use explode() function to split each input value . may it helps u

You don't need to use .val() because .serialize() works on a the field itself, not on the value. (because it needs to get the name and the value from the field)

You can also call serialize() directly on a jQuery object, rather than using the jquery object as a parameter. Do it like this:

var txtCoursesNamewith = $('#txtCoursesNamewith').serialize();

Hope that helps.

Because $.serialize($('#txtCoursesNamewith').val()) is a string and not a jQuery object, it doesn't have the serialize function.

If you want to serialize the input (with its value), use $('#txtCoursesNamewith').serialize();

$.ajax({
type: 'POST', 
url: your url,
data: $('#'+form_id).serialize(), 
  success: function(data) {
    $('#debug').html(data);
  }
});

Then in php

<?php
  print_r($_POST);
?>