[英]Displaying nested JSON using JQUERY
我目前有一個顯示json的實時搜索框。 但是我在研究如何顯示嵌套的JSON時遇到了問題。
我希望顯示圖像和“關閉”的日子。 任何幫助,將不勝感激。 我已經包含了我的java腳本和我的json示例。
$('#search').keyup(function() {
var searchTerm = $(this).val();
var myExp = new RegExp(searchTerm, "i");
$.get("shops.php",function(data,status){
var response='';
var json = $.parseJSON(data);
shops = json.shops;
$.each(shops, function(index, item) {
if(item.shop_name.search(myExp) != -1){
response += "<h2>"+item.shop_name+"</h2>";
response += "<h2>"+item.distance_citycentre.driving_miles+"</h2>";
});
}
$("#content").html(response);
});
});
這是我的JSON示例。
{"shops": [
{ "shop_name":"tesco",
"distance_citycentre": {
"driving_miles":"1.5",
"driving_minutes":"3"
},
"closed": [
"monday",
"wedensday",
"friday"
],
"images" [
{
"description":"lake",
"id":"1"
},
{
"description":"ocean",
"id":"2"
}
]
},
{"shop_name":"asda", etc.......
如果您正在討論如何訪問數組中數組中的json對象,可以使用array[0].object.array[0].object.array[0].array[0]
訪問它們。
在您的示例中,您可以使用以下選項來選擇關閉日'星期一':
item.shops[0].closed[0];
或周五使用:
item.shops[0].closed[2];
您可以通過[-number從0到無窮大 - 確定數組中的位置 - ]
這是你的解決方案
$(document).ready(function() { var data = '{ "shops":[{"closed":["monday","wedensday","friday"],"images" :[{"description":"lake","id":"1"},{"description":"ocean","id":"2"}]}]}'; var response=''; var json = $.parseJSON(data); shops = json.shops; alert(shops[0].closed[0] + " - "+shops[0].closed[1] + " - " +shops[0].closed[2]); alert(shops[0].images[0].description + " - "+shops[0].images[0].id); });
如果可能的話,更改JSON輸出,“image”<< - 它需要冒號“:”你可以在[JSfiddle] [1]上找到相同的工作模型
[1]: https : //jsfiddle.net/u6exgn7s/這里
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.