Convert html string (json representation) into actual javascript object

Question

I am printing some php data into a field on my page. The data is json_encoded by the backend.

Now i want to retrieve this information and turn it into a javascript object...

$(document).ready(function(){
    $('.trigger-info-change').click(function(){
        var rel = $(this).attr('rel');
        var td_id = 'info-'+rel;
        var data = $('#'+td_id).html();

        console.log(data);
    });
});

now data is correctly console logging my "object" like this:
{"data":{"id":"1","data1":"1","data2":"2"},{"id":"2","data1":"3","data2":"4"}}

Now the question is how do i turn this html into a actual javascript object... I've tried to use jQuery.parseHtml, and some other things google advised but no luck... would i need a script or is there something like that out there?

Thanks in advance!

api.jquery.com/jquery.getjson

ka_lin
– ka_lin

2014-05-06 11:38:37 +00:00
Commented May 6, 2014 at 11:38 — ka_lin
– ka_lin, Commented May 6, 2014 at 11:38

Frédéric GRATI · Accepted Answer · 2014-05-06 11:43:32Z

3

If you want use Jquery:

var json = $.parseJSON(data)

Or

var obj = JSON.parse(data);

edited May 6, 2014 at 11:43

answered May 6, 2014 at 11:38

Frédéric GRATI

8051 gold badge6 silver badges19 bronze badges

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

Comments

Mohebifar · Accepted Answer · 2014-05-06 11:52:32Z

0

I think this better to print out JSON String in javascipt.

<script>
    var data = <?php echo $json ?>;
</script>

Which makes :

<script>
    var data = {"data":{"id":"1","data1":"1","data2":"2"},{"id":"2","data1":"3","data2":"4"}};
</script>

But if you insist on your way, use JSON.parse(jsonString).

answered May 6, 2014 at 11:52

Mohebifar

3,4111 gold badge26 silver badges33 bronze badges

2 Comments

Tobias Hagenbeek Over a year ago

lol thanks for the reply, but i don't have the specific data object available to me, it is assigned and then read... so there is no "new" backend call to refresh the object in this way

Mohebifar Over a year ago

I answered because you said "The data is json_encoded by the backend.". However ... ;) :D

Collectives™ on Stack Overflow

Convert html string (json representation) into actual javascript object

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related