Get JSON response in PHP using jQuery

Question

Here is my code to call AJAX and get the response from another PHP file:

$.post('<?php echo get_site_url(); ?>/ajax-script/',{pickup:pickup,dropoff:dropoff,km:km},
        function(data){
            $('#fare').html(data);
            $('#loading_spinner').hide();

        });

ajaxscript.php file

$jsonData = '{"fare":30580,"actual_distance":1519,"city":"Islamabad","status":true}';

$json = json_decode($jsonData,true);
echo $json['fare'];

This code gives me the fare at the time of $('#fare').html(data);

But I need to extract the city from JSON, too, and for this I added an extra line in ajaxscript.php:

echo $json['city'];

After doing this, it gives me 30580Islamabad

How can I store these two values separately in JavaScript? I need them for future work.

its now show the "Array" in output, now how can i store $json['city'] values in variable after it gets the response ? — Bilal Zafar
– Bilal Zafar, Commented Aug 18, 2016 at 9:43

RiggsFolly · Accepted Answer · 2016-08-18 10:13:34Z

2

You are doing everything backwards

Your PHP should be

$jsonData = '{"fare":30580,"actual_distance":1519,"city":"Islamabad","status":true}';

//$json = json_decode($jsonData,true);
echo $jsonData;

As you already have a JSONString to send to your javascript.

Then your javascript will recieve a javascript object in the data parameter of

$.post( '<?php echo get_site_url(); ?>/ajax-script/', 
          {pickup:pickup,dropoff:dropoff,km:km}, 
   function( data ) {
        $('#fare').html(data.fare);
        $('#city').html(data.city);
        $('#loading_spinner').hide();
}, "json");

Note the "JSON" at the end of the javascript to tell it to expect a JSON Object, it will then convert the JSONString to a javascript Object automatically for you so the data parameter will be an onbect

edited Aug 18, 2016 at 10:13

answered Aug 18, 2016 at 9:43

RiggsFolly

94.7k22 gold badges108 silver badges152 bronze badges

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

4 Comments

Bilal Zafar Over a year ago

well that $jsonData is getting response from a web service, after using your code it gives me nothing in the output

Bilal Zafar Over a year ago

exactly, you used array, but I am using web service and it gets me the response and I saved that response in $jsonData

RiggsFolly Over a year ago

Ah I see. So you can just pass that whole string as the echoed data. That already is a JSONString and needs no amendment

RiggsFolly Over a year ago

I amended the javascript to fits better with the way you were calling post in your code

krishna · Accepted Answer · 2016-08-18 09:42:31Z

-1

Add Special characters at the end of each value and in jquery, using jquery split, cut the variable and display

like below;

$jsonData = '{"fare":30580^^,"actual_distance":1519^^,"city":"Islamabad^^","status":true}';

$json = json_decode($jsonData,true);
echo $json['fare'];


in jquery

function(data){
var tdata = data.split("^^");
            $('#fare').html(tdata[0]);
            $('#loading_spinner').hide();

        });

answered Aug 18, 2016 at 9:42

krishna

75 bronze badges

4 Comments

Bilal Zafar Over a year ago

$jsonData coming from a web service, I cant change the response

krishna Over a year ago

did the service getting the key value pairs or not?

Bilal Zafar Over a year ago

i have added the response from service in my code $jsonData in ajaxscript file

RiggsFolly Over a year ago

that has got to be the worst idea since ashtrays on motor cycles

Collectives™ on Stack Overflow

Get JSON response in PHP using jQuery

2 Answers 2

4 Comments

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

4 Comments

Related