Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery显示带有数组的JSON对象_Javascript_Jquery_Arrays_Json_Parsing - Fatal编程技术网

Javascript 如何使用jQuery显示带有数组的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

我使用jQuery解析和显示JSON文件中的数据。我可以在浏览器中吐出所有内容,但JSON文件中的一个键有一个值数组。例如,这是我的JSON:

{
  "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>';