Parse Json string to html divs using jquery

Question

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,"}}

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')

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

Thanks in advance .

Does this question have something to do with php?

SimonSimCity
– SimonSimCity

2013-04-25 07:59:52 +00:00
Commented Apr 25, 2013 at 7:59 — SimonSimCity
– SimonSimCity, Commented Apr 25, 2013 at 7:59
NO i have to iterate this json string in javascript only

KTM
– KTM

2013-04-25 08:01:24 +00:00
Commented Apr 25, 2013 at 8:01 — KTM
– KTM, Commented Apr 25, 2013 at 8:01

Rikesh · Accepted Answer · 2013-04-25 08:02:20Z

8

You need to parse json before to use it.

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.

answered Apr 25, 2013 at 8:02

Rikesh

26.5k14 gold badges82 silver badges90 bronze badges

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

1 Comment

Rikesh Over a year ago

Glad to help you. Please don't forget to accept my answer by clicking the checkmark to the left of it.

Collectives™ on Stack Overflow

Parse Json string to html divs using jquery

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related