如何将javascript对象数组传递给php？

Question

I have a bunch of values that need to be passed to the server, and I can't seem to get the basic functions like JSON decode to work. Something is off here, I'll appreciate someone to look at it

I have a dynamically generated table with editable values that I grab when user clicks Add button, push it into an array and send it off to the server with ajax call. Here's sample data sent over that I copied from console.log(data); line.

var data = params + "&Details="+JSON.stringify(Details);
console.log(data);     // &Id[]=1566&aId[]=1567&Details=[["1566","First File","sdf.pdf","general","file","",""],["1567","2nd file","test.png","image","file","",""]] 

$.ajax({
    type: 'POST',
    url: editUrl,
    dataType: 'json',
    data: data,
    success: function() { console.log('success'); }
    error: function() { console.log('error'); }
});

On the server side I get the data but I can't parse it into usable format

$ids = ($_POST['Id']);    // this is a valid array
$details = ($_POST['Details']);     // [[ 1566 , First File ,  , general , file ,  ,  ],[ 1567 , 2nd file ,  , image , file ,  ,  ]]
$details = json_decode($details);   // getting JSON_ERROR_CTRL_CHAR error and null is returned

any idea what's wrong in here?

Answer 1

You need to encode the JSON properly:

var data = params + "&Details="+encodeURIComponent(JSON.stringify(Details));

However, it would be better, IMHO, to make data an object rather than a string.

var data = {
    Id: [ 1566, 1567],
    Details: JSON.stringify(Details)
};

You'll need to change how you create params so it produces an object as well. You can then use $.extend() to merge them:

var data = $.extend({}, params, { Details: JSON.stringify(Details) });

Answer 2

Your ajax parameter missing a comma after success function, and try to define success function callback from server as data and then use json_encode for your array data in php server.

$.ajax({
   type: 'POST',
   url: editUrl,
   dataType: 'json',
   data: data,
   success: function(data) { console.log(data); },
   error: function() { console.log('error'); }
});

Answer 3

Not sure how you are building out params variable or why. But if it's just to send via ajax you don't have to. The data parameter of ajax will do this for you. Give it an object with your name/value pairs that you want to send.

$.ajax({
  type: 'POST',
  url: editUrl,
  dataType: 'json',
  data: { 
    Id: [2566],
    aId: [1567],
    Details: Details,
    Other: 'Hi',
    AnotherId: 1234
  }
  success: function() { console.log('success'); }
  error: function() { console.log('error'); }
});

On the server take a look at all the $_POST variable to get an idea of what was sent and the format

<?php
  echo '<pre>'
  print_r($_POST);
?>

Answer 4

尝试json_decode(stripslashes($details))