Javascript 如何使用jQuery显示带有数组的JSON对象
我使用jQuery解析和显示JSON文件中的数据。我可以在浏览器中吐出所有内容,但JSON文件中的一个键有一个值数组。例如,这是我的JSON:Javascript 如何使用jQuery显示带有数组的JSON对象,javascript,jquery,arrays,json,parsing,Javascript,Jquery,Arrays,Json,Parsing,我使用jQuery解析和显示JSON文件中的数据。我可以在浏览器中吐出所有内容,但JSON文件中的一个键有一个值数组。例如,这是我的JSON: { "category" : "Stuff", "location_id" : { "longitude" : "-71.89237903999964", "latitude" : "41.6809076720005", "human_address" : "{\"address\":\"156 Plainfield Pi
{
"category" : "Stuff",
"location_id" : {
"longitude" : "-71.89237903999964",
"latitude" : "41.6809076720005",
"human_address" : "{\"address\":\"156 Plainfield Pike Rd\",\"city\":\"Plainfield\",\"state\":\"CT\",\"zip\":\"06374\"}"
},
}
这是我的jQuery代码:
$.getJSON('data.json', function(data) {
var output = '<ul class="searchresults">';
$.each(data, function(key, val) {
if (val.item.search(myExp) != -1) {
output += '<li>';
output += '<p>' + "Category: " + val.category + '</p>';
output += '<p>' + "Location: " + val.location_id + '</p>';
output += '<p>' + "Business: " + val.business + '</p>';
output += '</li>';
}
});
output += '</ul>';
$('#update').html(output);
$.getJSON('data.json',函数(数据){
var输出=';
$。每个(数据、函数(键、值){
如果(val.item.search(myExp)!=-1){
输出+='- ';
输出+=''+'类别:“+val.Category+'';
输出+=''+“位置:“+val.Location_id+'';
输出+=''+“业务:“+val.Business+'';
输出+='
';
}
});
输出+='
';
$('#update').html(输出);
由于某种原因,location_id的输出显示为[object,object]……有人能帮我抓取该数组中的所有内容吗
非常感谢!!!您在JSON中的
位置id
值不是一个“数组”,而是一个“对象”。对象的默认字符串值是[Object Object]
。因此,您需要将字符串与该对象的各个部分连接起来,而不是整个:
output += '<p>' + "Location: " +
val.location_id.longitude + ', ' +
val.location_id.latitude +
'</p>';
JSON中的
location\u id
值不是一个“数组”,而是一个“对象”。对象的默认字符串值是[Object Object]
。因此,您需要将字符串与该对象的各个部分连接起来,而不是整个:
output += '<p>' + "Location: " +
val.location_id.longitude + ', ' +
val.location_id.latitude +
'</p>';