将html字符串(json表示)转换为实际的javascript对象

Convert html string (json representation) into actual javascript object

本文关键字:对象 javascript 转换 字符串 html json 表示      更新时间:2023-09-26

我正在打印一些php数据到我的页面上的一个字段。数据由后端进行json_编码。

现在我想检索这个信息,并把它变成一个javascript对象…

$(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);
    });
});

现在数据是正确的控制台记录我的"对象",像这样:
{"data":{"id":"1","data1":"1","data2":"2"},{"id":"2","data1":"3","data2":"4"}}

现在的问题是我如何把这个html变成一个实际的javascript对象…我试过使用jQuery。parseHtml,和其他一些谷歌建议,但没有运气…我需要剧本吗,还是有类似的东西?

提前感谢!

如果你想使用Jquery:

var json = $.parseJSON(data)

var obj = JSON.parse(data);

我认为最好在javascript中打印出JSON字符串。

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

这使得:

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

但如果你坚持你的方式,使用JSON.parse(jsonString)