Using PHP Json in Javascript

Question

I am trying to get a PHP JSON variable in my JS function:

    var json_obj = jQuery.parseJSON ( ' + <?php echo $latLongJson; ?> + ' );

The PHP code which is fetching me the latLongJson variable is :

<?php
    $latLongJson = $dbUrl->getCoordinates($id);
    print_r($latLongJson);
?>

I am able to print latLongJson variable using PHP. But console.log for json_obj says it is undefined.

JS Code

<script>
    //<![CDATA[
    var json_obj = jQuery.parseJSON ( ' + <?php echo $latLongJson; ?> + ' );
    //var json_obj = 1;
    //]]>
    console.log(json_obj);
</script>

Generated JS Code:

//<![CDATA[
var json_obj = jQuery.parseJSON ( ' +  + ' );
//]]>
console.log(json_obj);

Can you print the value you are trying to parse? It's probably mis-formatted. — Traveling Tech Guy
– Traveling Tech Guy, Commented Apr 22, 2014 at 0:28
What is the exact generated js code? Copy-paste it as-is from the page body — zerkms
– zerkms, Commented Apr 22, 2014 at 0:28
it could be that the JSON is not formatted correctly. you might want to show the JSON that $latLongJson is supposed to be — kennypu
– kennypu, Commented Apr 22, 2014 at 0:31
JSON is correct, i used json_encode to prepare that JSON and validated it on JSONLint — CodeMonkey
– CodeMonkey, Commented Apr 22, 2014 at 0:31

Paul · Accepted Answer · 2014-04-22 00:31:33Z

3

Think about what ' + <?php echo $latLongJson; ?> + ' becomes when $latLongJson is valid.

For example, say that $latLongJson contains the string {"foo": "bar"}, then you are calling:

jQuery.parseJSON ( ' + {"foo": "bar"} + ' );

When you just want:

jQuery.parseJSON ( '{"foo": "bar"}' );

You can remove the + to get it to work, but you don't normally* need to parse JSON in Javascript anyway. If you know that $latLongJson contains valid JSON, you can just do:

var json_obj = <?php echo $latLongJson; ?>;

*There is an exception

answered Apr 22, 2014 at 0:31

Paul

142k28 gold badges285 silver badges272 bronze badges

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

3 Comments

CodeMonkey Over a year ago

Ok, so the thing is i am trying to create a PHP API of my service. The endpoint gives me a JSON. I want to consume that JSON using JS code. Both on same domain.

kennypu Over a year ago

i didn't even see the + signs.

Paul Over a year ago

@CodeMonkey Judging from your edit it looks like $latLongJson is empty. Make sure that $latLongJson = $dbUrl->getCoordinates($id); is before the var json_obj = ... line.

Collectives™ on Stack Overflow

Using PHP Json in Javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related