Ajax Post参数

Question

I have a script that posts data to a php script:

xhr.open("POST","processData.php");

And i am sending once piece of data to it:

xhr.send(email);

How would a post multiple peice of data to the php scrip? Lets say i have the variable first and last name that i want to sent to be processed? I've tried this:

xhr.send(essay, firstName);

But not sure what to do with it in the PHP script, do i use the usual $_POST['essay'] to collect the values? what about encoding aswell?

Thanks for you help.

Answer 1

You create an object, and send that:

var obj = {
    essay: essay,
    firstName: firstName
};
xhr.send("data=" + JSON.stringify(obj));

On server side you get:

json_decode($_POST['data']); //Gives you a standard object with fields essay and firstName

Answer 2

just create the querystring to pass along send()

xhr.send("essay=" + encodeURIComponent(essay) 
          + "&firstname=" + encodeURIComponent(firstName));

About encodeURIComponent you can see th MDN reference : it could be necessary use it if your variables contain uncommon chars like spaces, ampersands and other

Answer 3

Use JSON (Javascript Object Notation):

http://www.json.org/

var data = new Object;
data.name = 'some name';
data.id = 123
xhr.send(JSON.stringify(data))

You can turn this into an identical php object with json_decode(). The JS engine on current browsers has the JSON methods built in, but older IE's (6, 7) do not, so you need to include this script to compensate:

https://github.com/douglascrockford/JSON-js/blob/master/json2.js