Sending JSON to PHP using ajax

Question

I want to send some data in json format to php and do some operation in php. My problem is i can't send json data via ajax to my php file.Please help me how can i do that. I have tried this way..

<script>
$(function (){
 $("#add-cart").click(function(){
    var bid=$('#bid').val();
    var myqty=new Array()
    var myprice=new Array()

    qty1=$('#qty10').val();
    qty2=$('#qty11').val();
    qty3=$('#qty12').val();

    price1=$('#price1').val();
    price2=$('#price2').val();
    price3=$('#price3').val();

    var postData = 
                {
                    "bid":bid,
                    "location1":"1","quantity1":qty1,"price1":price1,
                    "location2":"2","quantity2":qty2,"price2":price2,
                    "location3":"3","quantity3":qty3,"price3":price3
                }
    var dataString = JSON.stringify(postData);

    $.ajax({
            type: "POST",
            dataType: "json",
            url: "add_cart.php",
            data: {myData:dataString},
            contentType: "application/json; charset=utf-8",
            success: function(data){
                alert('Items added');
            },
            error: function(e){
                console.log(e.message);
            }
    });
});
});
</script>

And in PHP i use:

if(isset($_POST['myData'])){
 $obj = json_decode($_POST['myData']);
 //some php operation
}

When in add print_r($_POST) in php file, it shows array(0) {} in firebug.

Remove the contentType: "application/json; charset=utf-8",. — gen_Eric
– gen_Eric, Commented Jun 8, 2012 at 19:34

gen_Eric · Accepted Answer · 2012-06-08 19:45:06Z

52

Lose the contentType: "application/json; charset=utf-8",. You're not sending JSON to the server, you're sending a normal POST query (that happens to contain a JSON string).

That should make what you have work.

Thing is, you don't need to use JSON.stringify or json_decode here at all. Just do:

data: {myData:postData},

Then in PHP:

$obj = $_POST['myData'];

edited Jun 8, 2012 at 19:45

answered Jun 8, 2012 at 19:35

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

8 Comments

Ayyash Over a year ago

So what if I am sending json to server? how do I receive it? And why does it differ from MVC.NET?

gen_Eric Over a year ago

@Ayyash: If you were sending JSON, you'd have to read the raw input data (from php://input). I don't know anything about MVC.NET, so I can't answer that.

Ayyash Over a year ago

or maybe its an IIS vs Apache issue? I use the same ajax function in both, but in .NET i just grab Request.Post, in PHP that doesn't work, neither did php://input for some reason, the only thing that worked was passing query string attributes and using $_REQUEST... that hurts

gen_Eric Over a year ago

@Ayyash: What's wrong with using query strings and $_POST? That's how HTML forms are submitted. If you really want to send JSON, you can try $HTTP_RAW_POST_DATA if php://input doesn't work.

Ayyash Over a year ago

I think I get it, "I THINK", see in MVC if you do not set content-type to json, you won't be a happy person sending back json objects that map to models, but it also is possible to read it from Request... that isn't the case in PHP. On the other hand if you do choose to go with JSON contentType, JSON.stringify the whole data object is required in MVC forms, but it wouldn't pass in my PHP form!

|

Niet the Dark Absol · Accepted Answer · 2012-06-08 19:35:21Z

24

That's because $_POST is pre-populated with form data.

To get JSON data (or any raw input), use php://input.

$json = json_decode(file_get_contents("php://input"));

answered Jun 8, 2012 at 19:35

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

1 Comment

Niet the Dark Absol Over a year ago

If I were going to do this, I wouldn't be using jQuery, for one. For another, I'd be doing everything manually.

Akhan Ismailov · Accepted Answer · 2016-06-13 09:47:42Z

16

To send javascript obj to php using json and ajax:

js:

var dataPost = {
   "var": "foo"
};
var dataString = JSON.stringify(dataPost);

$.ajax({
   url: 'server.php',
   data: {myData: dataString},
   type: 'POST',
   success: function(response) {
      alert(response);
   }
});

to use that object in php:

$obj = json_decode($_POST["myData"]);

echo $obj->var;

answered Jun 13, 2016 at 9:47

Akhan Ismailov

1611 silver badge3 bronze badges

Comments

ttt · Accepted Answer · 2018-11-23 12:02:03Z

13

If you want to get the values via the $_POST variable then you should not specify the contentType as "application/json" but rather use the default "application/x-www-form-urlencoded; charset=UTF-8":

JavaScript:

var person = { name: "John" };

$.ajax({
    //contentType: "application/json", // php://input
    contentType: "application/x-www-form-urlencoded; charset=UTF-8", // $_POST
    dataType : "json",
    method: "POST",
    url: "http://localhost/test/test.php",
    data: {data: person}
})
.done(function(data) {  
    console.log("test: ", data);
    $("#result").text(data.name);
})
.fail(function(data) {
    console.log("error: ", data);
});

PHP:

<?php

// $_POST

$jsonString = $_POST['data'];

$newJsonString = json_encode($jsonString);
header('Content-Type: application/json');
echo $newJsonString;

Else if you want to send a JSON from JavaScript to PHP:

JavaScript:

var person = { name: "John" };

$.ajax({
    contentType: "application/json", // php://input
    //contentType: "application/x-www-form-urlencoded; charset=UTF-8", // $_POST
    dataType : "json",
    method: "POST",
    url: "http://localhost/test/test.php",
    data: person
})
.done(function(data) {  
    console.log("test: ", data);
    $("#result").text(data.name);
})
.fail(function(data) {
    console.log("error: ", data);
});

PHP:

<?php

$jsonString = file_get_contents("php://input");
$phpObject = json_decode($jsonString);

$newJsonString = json_encode($phpObject);
header('Content-Type: application/json');
echo $newJsonString;

answered Nov 23, 2018 at 12:02

ttt

6,8695 gold badges57 silver badges72 bronze badges

2 Comments

Metalhead Over a year ago

I am not the questioner, but however it helped me a lot :D

testing_22 Over a year ago

This is the most accurate answer

ContextSwitch · Accepted Answer · 2012-06-08 19:48:00Z

4

I believe you could try something like this:

var postData = 
            {
                "bid":bid,
                "location1":"1","quantity1":qty1,"price1":price1,
                "location2":"2","quantity2":qty2,"price2":price2,
                "location3":"3","quantity3":qty3,"price3":price3
            }
$.ajax({
        type: "POST",
        dataType: "json",
        url: "add_cart.php",
        data: postData,
        success: function(data){
            alert('Items added');
        },
        error: function(e){
            console.log(e.message);
        }
});

the json encode should happen automatically, and a dump of your post should give you something like:

array(
    "bid"=>bid,
    "location1"=>"1",
    "quantity1"=>qty1,
    "price1"=>price1,
    "location2"=>"2",
    "quantity2"=>qty2,
    "price2"=>price2,
    "location3"=>"3",
    "quantity3"=>qty3,
    "price3"=>price3
)

edited Jun 8, 2012 at 19:48

answered Jun 8, 2012 at 19:36

ContextSwitch

2,8376 gold badges37 silver badges51 bronze badges

1 Comment

gen_Eric Over a year ago

Lose the contentType: "application/json; charset=utf-8",. You're POSTing a standard query string, not JSON. Then print_r($_POST) should give you the array you show.

user1299518 · Accepted Answer · 2012-06-08 19:49:18Z

2

just remove:

...
//dataType: "json",
url: "index.php",
data: {myData:postData},
//contentType: "application/json; charset=utf-8",
...

answered Jun 8, 2012 at 19:49

user1299518

4 Comments

gen_Eric Over a year ago

You should probably keep dataType: "json",, that's the data type the server returns.

user1299518 Over a year ago

yes its true, but json must be returned to avoid another error

gen_Eric Over a year ago

I assume the OP is returning JSON, but just didn't show that. I don't think there'd be an error if you returned nothing. You'd only get an error if what you returned wasn't JSON.

user1299518 Over a year ago

from here "In jQuery 1.4 the JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown." That means the user -must- call json_encode() or get an error, tested.

xackobo · Accepted Answer · 2013-10-23 09:42:24Z

1

You are tryng to send js array with js object format.

Instead of use

var a = new array();
a['something']=...

try:

var a = new Object();
a.something = ...

answered Oct 23, 2013 at 9:42

xackobo

3612 silver badges4 bronze badges

Comments

Jack · Accepted Answer · 2018-04-25 16:46:56Z

0

I know it's been a while, but just in case someone still needs it:

The JSON object I need to pass:

0:{CommunityId: 509, ListingKey: "20281", Type: 10, Name: "", District: "", Description: "",…}
1:{CommunityId: 510, ListingKey: "20281", Type: 10, Name: "", District: "", Description: "",…}

The Ajax code:

data: JSON.stringify(The-data-shows-above),
type: 'POST',
datatype: 'JSON',
contentType: "application/json; charset=utf-8"

And the PHP side:

json_decode(file_get_contents("php://input"));

It works for me, hope it can help!

edited Apr 25, 2018 at 16:46

answered Apr 25, 2018 at 3:54

Jack

1923 silver badges16 bronze badges

Collectives™ on Stack Overflow

Sending JSON to PHP using ajax

8 Answers 8

8 Comments

1 Comment

Comments

2 Comments

1 Comment

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

8 Comments

1 Comment

Comments

2 Comments

1 Comment

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related