Question

我想知道如何抓取然后在我的html文件中显示（使用纯Javascript）以下JSON文件中找到的对象？我特别需要抓住以下3个对象并显示每个对象的每个实例。＆＃34; barTitle，＆＃34; ＆＃34; ID＆＃34;并显示所有＆＃34; OpenTimes。＆＃34;

请注意，我确实已将此文件上传到网络服务器（http://codepupil.com/js/bar.json）。

＆＃13;

files:

＆＃13;

Answer 1

这是一个带有大屁股参数的函数调用

例如

function launchAnAlert(message) {
  alert(message);
}

这是一个js函数，它接受一个名为message的参数并对其执行某些操作。

如果你想调用那个函数，就像这样做

launchAnAlert("This is my text message");

现在让我们来看看你的代码片段，因为你可以看到它看起来像上一个调用，但是你将一个Json对象作为参数传递而不是String。

您的函数名称为 onBarLocationsLoaded ，因为您的代码片段为此格式

onBarLocationsLoaded(theJsonObject);

该Json对象出错。你Json文件应该包含这个：

{
   "results":[
      {
         "barCity":"Annapolis",
         "barState":"MD",
         "barZip":"21401",
         "recordingPhone":"410-213-1145",
         "distance":"2.10",
         "longitude":-725464,
         "latitude":489914,
         "barLong":-725464,
         "barLat":489914,
         "barLink":"http:\/\/www.bar.com\/bar\/bow-tie",
         "barName":"Bow Tie Bar",
         "movie":[
            {
               "barTitle":"Bar Louie",
               "Id":"20057095",
               "openTimes":[
                  {
                     "time":"12:00pm"
                  },
                  {
                     "time":"3:40pm"
                  },
                  {
                     "time":"6:40pm"
                  }
               ]
            },
            {
               "barTitle":"Bar Louise",
               "Id":"20057095",
               "openTimes":[
                  {
                     "time":"12:00pm"
                  },
                  {
                     "time":"3:40pm"
                  },
                  {
                     "time":"6:40pm"
                  }
               ]
            },
            {
               "barTitle":"Bar Louie",
               "Id":"20057095",
               "openTimes":[
                  {
                     "time":"12:00pm"
                  },
                  {
                     "time":"3:40pm"
                  },
                  {
                     "time":"6:40pm"
                  }
               ]
            },
            {
               "barTitle":"Bar Capo",
               "Id":"20057095",
               "openTimes":[
                  {
                     "time":"12:00pm"
                  },
                  {
                     "time":"3:40pm"
                  },
                  {
                     "time":"6:40pm"
                  }
               ]
            },
            {
               "barTitle":"Bar Boo Boo",
               "Id":"20057095",
               "openTimes":[
                  {
                     "time":"12:00pm"
                  },
                  {
                     "time":"3:40pm"
                  },
                  {
                     "time":"6:40pm"
                  }
               ]
            }
         ]
      }
   ]
}

现在，如果您使用答案，可以在此处找到：https://stackoverflow.com/a/7220510/4088809

这应该回答您的问题，或者至少指出您的方向：http://jsfiddle.net/hrncdj8e/

如何拉动＆amp;显示来自JSON / JSONP文件的数据？

1 个答案: