我目前有一个显示 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.......
最佳答案
这是您的解决方案
$(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 上找到相同的工作模型]
关于javascript - 使用 JQUERY 显示嵌套 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40680227/