从AJAX接收serializeArray数据以处理php页面

Question

$('#submit').click(function()
{
var data = JSON.stringify($("#players_form").serializeArray());
alert(data);
$.ajax({ // Send the credential values to another checker.php using Ajax in POST menthod
        type : 'POST',
        data : data,
        url  : 'process.php',
        success: function(responseText)
       {
            if(responseText == 1)
            {
            alert("Sucess");
            }
        }

In this code I have passed the form values to process.php but I could not be able to receive the posted values in process.php , could any one suggest me to recieve the array values in process.php

<form id="players_form"  >
<input type=" text" name="main_name[]" value="">
<input type=" text" name="main_name[]" value="">
<input type=" text" name="main_name[]" value="">
<input type=" text" name="main_name[]" value="">
<input type=" text" name="main_name[]" value="">
<input type=" text" name="sub_name[]" value="">
<input type=" text" name="sub_name[]" value="">
<input type=" text" name="sub_name[]" value="">
<input type=" text" name="sub_name[]" value="">
<input type=" text" name="sub_name[]" value="">
<input type="button" value="Submit" id="submit">
</form>

Answer 1

you can use serializeArray method in two different way. var data = JSON.stringify($("form").serializeArray()); or

var data = JSON.stringify($(":input").serializeArray());

Answer 2

Try this ajax script i make sure it works.

 $(document).ready(function() { $('#submit').click(function() { var post_data = $("#players_form").serializeArray(); $.ajax({ type: 'POST', data: post_data, url: 'process.php', success: function(responseText) { console.log(responseText); if (responseText == 1) { alert("Sucess"); } } }) }) }); 

On process.php get the value like this

$main_name = $_POST['main_name'];
$sub_name = $_POST['sub_name'];
$main_name_version = implode(',', $main_name);
$sub_name_version = implode(',', $sub_name);
echo $main_name_version;
echo $sub_name_version;

Answer 3

replace data by,

var data = $("#players_form").serializeArray();

make your request as,

dataType : 'JSON',
data : {players:data},

and process data in server like below,

$player = $_POST['players'];