Print PHP JSON encoded array, to JavaScript and decode it, produces errors

Question

I have to use some data from PHP to JavaScript. I am using JSON for that. I encode the array with PHP's json_encode function and then I want to decode it with JavaScript.

<?php
$data = array(
"..."=>"...",
.....
);
?>

<script>
var data = jQuery.parseJSON('<?php echo json_encode($data); ?>');
console.log(data);
</script>

The problem is sometimes produces errors in javascript console on parsing the JSON, most of times when $data contains HTML.

How can I print a json encoded code inside javascript, dinamically with PHP?

Thank you!

var data = <?php echo json_encode($data); ?>;

C3roe
– C3roe

2017-08-07 12:55:32 +00:00
Commented Aug 7, 2017 at 12:55 — C3roe
– C3roe, Commented Aug 7, 2017 at 12:55

adeneo · Accepted Answer · 2017-08-07 12:56:07Z

4

JSON is in fact JavaScript Object Notation, it can be echoed directly in a variable, and doesn't need parsing.

var data = <?= json_encode($data); ?>;

answered Aug 7, 2017 at 12:56

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Quentin · Accepted Answer · 2017-08-07 12:57:27Z

2

The errors will typically come from when the data contains ' (which prematurely terminate your string literal) or new line characters (which get parsed by the JS parser and render the JSON invalid).

You could get around this by explicitly escaping such characters (with a string replacement function run on the generated JSON), but that is more effort than is worth going to.

Since JSON is a subset of the JavaScript literal syntax, you can just treat it as JavaScript directly. You don't need to wrap it in a string and then parse that string to the JS data structure.

var data = <?php echo json_encode($data); ?>

answered Aug 7, 2017 at 12:57

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

Print PHP JSON encoded array, to JavaScript and decode it, produces errors

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related