How to post JSON from javascript to php [duplicate]

Question

I encoded an array into JSON in javascript:

var data = JSON.stringify(cVal);

And here is my ajaxrequest object:

function ajaxRequest(url, method, data, asynch, responseHandler){
var request = new XMLHttpRequest();
request.open(method, url, asynch);
if (method == "POST")
    request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
request.onreadystatechange = function(){
if (request.readyState == 4) {
    if (request.status == 200) {
        responseHandler(request.responseText);
        }
    }
};
request.send(data);
}

and I send the json to php with this ajaxrequset:

ajaxRequest("setOrder.php","POST", data , true , dosetOrder);

in php side:

$array=$_POST['data'];

but system says that the data in a undefined index in php

change request header content type to json and what is the problem you are getting ? — M A SIDDIQUI
– M A SIDDIQUI, Commented Jan 31, 2017 at 9:58
stackoverflow.com/questions/8599595/… decode your json in php stackoverflow.com/questions/23750661/… — prasanth
– prasanth, Commented Jan 31, 2017 at 9:59

nebulak · Accepted Answer · 2017-01-31 10:35:13Z

1

Create an object and stringify to json

var data = {};
data["username"] = username;
data["password"] = password;
var jsonData = JSON.stringify(data);

Send it to your endpoint

function ajaxRequest(url, method, data, asynch, responseHandler){
  var request = new XMLHttpRequest();
  request.open(method, url, asynch);
  if (method == "POST")
    request.setRequestHeader("Content-Type","application/json"); 
  request.onreadystatechange = function(){
    if (request.readyState == 4) {
      if (request.status == 200) {
        responseHandler(request.responseText);
      }
    }
    request.send(data);
}

decode it at your endpoint

plain PHP

$body = json_decode(file_get_contents("php://input"), true);
echo $body["username"];

Slim Framework PHP

//example with Slim PHP framework
$body = json_decode($app->request->getBody(), true);
echo $body["username"];

edited Jan 31, 2017 at 10:35

answered Jan 31, 2017 at 10:23

nebulak

1465 bronze badges

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

3 Comments

deceze Over a year ago

Which crystal ball told you about $app->... in OP's code?

nebulak Over a year ago

it's an example using Slim PHP framework as the code comment tells you, I only tried to show how you get the values from your parsed object.

nebulak Over a year ago

I added a plain php example to make it more general.

Collectives™ on Stack Overflow

How to post JSON from javascript to php [duplicate]

1 Answer 1

Create an object and stringify to json

Send it to your endpoint

decode it at your endpoint

plain PHP

Slim Framework PHP

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Create an object and stringify to json

Send it to your endpoint

decode it at your endpoint

plain PHP

Slim Framework PHP

3 Comments

Linked

Related