How to pass multiple variables from Javascript to PHP, using AJAX JSON?

Question

In JS, I got:

var UserName;
var MyArray = new Array();

//...filling array

var rqst = new XMLHttpRequest();
rqst.open('POST',"Some.php",true);
rqst.setRequestHeader('Content-type', 'application/json');

What should I write to send UserName and MyArray to PHP file, so I can access them separately. Like:

$username = $_POST['JSUserName'];
$array = $_POST['JSArray'];

you can either pass a query string on the send method or a FormData object — Kevin
– Kevin, Commented Jul 25, 2019 at 1:38

Sam Gomena · Accepted Answer · 2019-07-25 03:00:45Z

1

As Freddie already stated, you want to define another object with both your UserName and MyArray values within it:

var params = {
  JSUserName: UserName,
  JSArray : myArray
};

Then, you can send the whole lot over to your server like so:

// This will send the request and yes, the object needs to be stringified!
rqst.send(JSON.stringify(params));

If you're interested in knowing whether or not the request was successful, you can add something like this as well:

// Alert if the call was successful
rqst.onreadystatechange = function () { 
    if (rqst.readyState != 4 || rqst.status != 200) return; 
        alert("Success: " + rqst.responseText); 
};

answered Jul 25, 2019 at 3:00

Sam Gomena

1,47914 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Freddie · Accepted Answer · 2019-07-25 01:32:35Z

0

You need to combine them both into a single object and then pass this object in as part of the XHR call.

var params = {
  JSUserName: UserName,
  JSArray : myArray
};

answered Jul 25, 2019 at 1:32

Freddie

7413 gold badges10 silver badges23 bronze badges

1 Comment

Dinoabunai Over a year ago

I should then: ` rqst.send(params); ` or ` JSON.stringify(params); rqst.send(params); `

Collectives™ on Stack Overflow

How to pass multiple variables from Javascript to PHP, using AJAX JSON?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related