Save php json object into jquery variables

Question

I would take a php json object and save it in a jquery variable.

<?php
$arr = array();
for ($i = 0; $i < 5; $i++) {
    $arr[] = array('id'=>$i, 'text'=>$i);
}
$arr = json_encode($arr);
?>
<input id="phpObj" type="hidden" value="" data-items='<?php echo $arr; ?>'>

browser html source display

<input id="phpObj" type="hidden" data-items="[{"id":0,"text":0},{"id":1,"text":1},{"id":2,"text":2},{"id":3,"text":3},{"id":4,"text":4}]">

For get the php object I did it this way

var data = jQuery.parseJSON($('#phpObj').data('items'));
console.log(data);

but I've this error

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

I tried to use jQuery.parseJSON(JSON.stringify($('#phpObj').data('items'))); but with no success. SyntaxError: unterminated string literal

How can I solve this? Thanks

directly do this :- var data = $.parseJSON('<?php echo $arr;?>'); — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Mar 27, 2016 at 18:59
Or <input id="phpObj" type="hidden" value='<?php echo $arr; ?>'> and var data = $.parseJSON($('#phpObj').val()); — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Mar 27, 2016 at 19:01

Tim Hultstrand · Accepted Answer · 2016-03-27 18:51:08Z

2

The JSON string contains the same type of quotes that you use to wrap the data value. Try to use single quotes instead.

answered Mar 27, 2016 at 18:51

Tim Hultstrand

4242 silver badges7 bronze badges

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

Comments

Death-is-the-real-truth · Accepted Answer · 2016-03-27 19:06:55Z

1

A working example for you:-

<?php
$arr = array();
for ($i = 0; $i < 5; $i++) {
    $arr[] = array('id'=>$i, 'text'=>$i);
}
$arr = json_encode($arr);
?>
<input id="phpObj" type="hidden" data-items='<?php echo $arr; ?>'>
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script type = "text/javascript">
$(document).ready(function(){
var data = $.parseJSON($('#phpObj').attr("data-items"));
console.log(data);
});
</script>

Output:- On my local screen:- http://prntscr.com/akrz2w

answered Mar 27, 2016 at 19:06

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

Collectives™ on Stack Overflow

Save php json object into jquery variables

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