How to Iterate data from array inside another array in jquery

Question

i have an array inside another array like this in php

Array
(
    [common_search] => Array
        (
            [BusinessName] => Sun Shine Vision
            [Address] => Amulia St Madhava Pharmacy Jn
            [Phone] => 
        )

    [cache_table] => Array
        (
            [Details] => Speedtrax,Ample's Bldg Off Banerji Rd., Amulia St,
        )

)

And i have to iterate these as seperate arrays in my result page using Jquery ,as i want to get these arrays separately to display in different divs to set as html ,How can i get the data from two arrays (common_search , cache_table) separately . And in my html i want to set data like $("#common_searchdiv").html(common_search) and $("#cache_tablediv").html(cache_table) . Thanks in advance

Yuriy · Accepted Answer · 2013-05-05 16:47:09Z

2

When json-encoding named arrays they are going to be parsed as objects in javascript, so you can just do like this:

<script>
   var data = <?=json_encode($data);?>
</script>

since now data in javascript will be an object, so you can directly access properties like

<script>
data["common_search"]["BusinessName"];
</script>

or iterate over it with

$.each

edited May 5, 2013 at 16:47

answered Apr 25, 2013 at 6:45

Yuriy

4163 silver badges6 bronze badges

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

Comments

chandresh_cool · Accepted Answer · 2013-04-25 07:50:49Z

1

You can not directly pass data as array. Do json_encode of array. And then on jquery side parse the json and then run each/for loop. On the match of key you can add if condition.

Do something like this

var result = $.parseJSON(jsonstring);//jsonstring is your json encoded string.

for(var k in result) {
   if (k == 'common_search') {
       $("#common_searchdiv").html(result[k]); 

   } 
   if (k == 'cache_table') {
       $("#cache_tablediv").html(result[k]);
   }
}

For your reference it works

var jsonstring = {"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,"}};
var jsonstring = JSON.stringify(jsonstring).replace(/\'/, "/'");
var result = $.parseJSON(jsonstring);//jsonstring is your json encoded string.

for(var k in result) {

   if (k == 'common_search') {
       alert(result[k]['strBusinessName'])
       $("#common_searchdiv").html(result[k]['strBusinessName']); 

   } 
   if (k == 'cache_table') {
       $("#cache_tablediv").html(result[k]);
   }
}

edited Apr 25, 2013 at 7:50

answered Apr 25, 2013 at 6:42

chandresh_cool

11.9k3 gold badges32 silver badges46 bronze badges

12 Comments

KTM Over a year ago

After encoding data look 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,"}} But your code seems not working

KTM Over a year ago

SyntaxError: JSON.parse: unexpected character , i think have to include json library in script ?

chandresh_cool Over a year ago

I think the problem is here Speedtrax,Ample's Bldg Off Banerji Rd., Amulia St you have Ample's the single qoutes is causing the problem can u escape it ?

chandresh_cool Over a year ago

Do this to replace it, var jsonstring = JSON.stringify(jsonstring).replace(/\'/, "/'");

chandresh_cool Over a year ago

Can you upvote and mark as tick if you feel it was helpful, so that future user can refer this answer

|

Supriti Panda · Accepted Answer · 2013-04-25 07:00:36Z

0

please try this.

<?php
$arr_temp = Array
(
    'common_search' => Array
        (
            'BusinessName' => "Sun Shine Vision",
            'Address' => "Amulia St Madhava Pharmacy Jn",
            'Phone' => ''
        ),

    'cache_table' => Array
        (
            'Details' => "Speedtrax,Ample's Bldg Off Banerji Rd., Amulia St,"
        )

);

?>
<script>
$(document).ready(function() {
    var data_arr = <?php echo json_encode($arr_temp); ?>;

    $.each(data_arr,function(item){     
        $.each(data_arr[item],function(myitem){
            console.log(myitem);
        });
    });
});
</script>

answered Apr 25, 2013 at 7:00

Supriti Panda

1,3011 gold badge11 silver badges12 bronze badges

2 Comments

KTM Over a year ago

How come <?php echo json_encode($arr_temp); ?>; used in javascript ?? its php code right

Supriti Panda Over a year ago

if you put this code in a php page inside script tag then it will work.

Collectives™ on Stack Overflow

How to Iterate data from array inside another array in jquery

3 Answers 3

Comments

12 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

12 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related