如何在jquery中迭代数组中的数据
How to Iterate data from array inside another array in jquery
我有一个数组在另一个数组中像这样在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,
)
)
我必须迭代这些作为单独的数组在我的结果页面使用Jquery,因为我想让这些数组分别显示在不同的div设置为html,我怎么能从两个数组(common_search, cache_table)分别获得数据。在我的html中,我想设置数据,如$("#common_searchdiv").html(common_search)
和$("#cache_tablediv").html(cache_table)
。提前感谢
当json编码命名数组时,它们将被解析为javascript中的对象,所以你可以这样做:
<script>
var data = <?=json_encode($data);?>
</script>
因为现在javascript中的数据将是一个对象,所以你可以直接访问像
这样的属性<script>
data["common_search"]["BusinessName"];
</script>
或者用
遍历它 $.each
不能直接将数据作为数组传递。执行json_encode of array。然后在jquery端解析json,然后运行each/for循环。在键的匹配上,您可以添加条件。
像这样做
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]);
}
}
供您参考
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]);
}
}
请尝试一下。
<?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>
相关文章:
- JSON数组数据返回Undefined
- 具有关联数组数据集的D3.js表
- TinyMCE获取数组数据
- Emberjs#每个循环不处理数组数据
- 使用Angular.js访问php数组数据
- 数组数据排序类似mysql查询
- 在Redux中映射对象数组数据
- jqGrid - 搜索本地数组数据
- 如何在不赋值数组变量的情况下读取数组数据
- 停止 jQuery 自动完成以过滤/搜索结果并填充整个源数组数据
- 如何在 AngularJS 中从 API 访问数组数据
- JQuery - 根据数组数据将 html 表列添加到表的末尾
- 如何将json格式的数组数据从jquery返回到html
- 异步循环使用递归:如何访问推送数组数据
- Node.js对象数组数据联接
- 序列promise链与数组数据,如何解析promise链
- 如何加速getJSON数组数据
- PHP同时循环数组数据显示到javascript中
- 流星:显示数组数据,因为表在添加新列时给出了重复值
- 数组数据不会显示在表中