使用jQuery将Json字符串解析为HTML div [英] Parse Json string to html divs using jquery

问题描述

我有这样的json字符串

I have json string like this

{"common_search":{"strBusinessName":"Sun Shine Vision","strAddress":"Amulia St Madhava Pharmacy Jn","intPhone":""}, "cache_table":{"Details":"Speedtrax,Ample's Bldg Off Banerji Rd., Amulia St,"}}

我必须将这些数据设置为我的html div，例如:我想将common_search数据设置为

And i have to set these data to my html divs for eg: i want to set common_search data to

$("#common_serachdiv").html('strBusinessName') 

和cache_table数据到$("#cache_table").html('Details')，或者我必须遍历Json内部的每个数组.怎么做，

and cache_table data to $("#cache_table").html('Details') , Or i have to iterate through each array inside Json . How to do this ,

先谢谢了.

推荐答案

使用前需要先parse json.

var obj = $.parseJSON('{"common_search":{"strBusinessName":"Sun Shine Vision","strAddress":"Amulia St Madhava Pharmacy Jn","intPhone":""}, "cache_table":{"Details":"Speedtrax,Ample\'s Bldg Off Banerji Rd., Amulia St,"}}');
$("#common_serachdiv").html(obj.common_search.strBusinessName);
$("#cache_table").html(obj.cache_table.Details);

小提琴演示.

Fiddle Demo.

这篇关于使用jQuery将Json字符串解析为HTML div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！