Ajax调用没有获取数据
Ajax call is not fetching the data
$(document).ready(function(){
/* Union Station */
$.getJSON("http://myttc.ca/Union_station.json?callback=?",
function(data){
if (routes.length > 0) {
$.each(data.stops, function(i,item){
$("#Union").append("<p>Stop Name: " + item.name + "</p>");
$.each(item.routes, function(i,item){
$.each(item.stop_times, function(i,item){
$("#Union").append("<p>Departure Times: " + item.departure_time + "</p>");
$("#Union").append("<p>Shape: " + item.shape + "</p>");
});
});
});
}
});
});
我得到一个空的屏幕在这个
谁能帮助修复这个jquery从json获取数据我只想显示带有出发时间的停车详细信息
应该是:
function(data){
if (data.stops.length > 0) {
这是ajax的结果:
Object {time: 1367157909, stops: Array[8], name: "Union Station", uri: "union_station"}
编辑:我猜你需要一些额外的逻辑,这是对象:
stops: Array[8]
0: Object
1: Object
2: Object
3: Object
4: Object
5: Object
6: Object
7: Object
agency: "Toronto Transit Commission"
name: "Union Station Subway Platform"
routes: Array[1]
0: Object
name: "Yonge-University-Spadina Subway"
route_group_id: "1"
stop_times: Array[6]
0: Object
departure_time: "10:07a"
departure_timestamp: 1367158079
你可以这样做:
for (var i = 0, l = data.stop.length, stop; i < l; i++) {
stop = data.stop[i];
// If current stop has stop_times then...
if (stop.stop_times.length) {
// do something...
console.log(stop.stop_times);
}
}
示例:http://jsfiddle.net/fBd3s/
routes
可能不是您要查找的:
function(data){
if (routes.length > 0) {
至少我看不出routes
将被设置在哪里。你可能需要
function(data){
if (data.length > 0) {
成功回调中没有routes
,因此删除该条件
$(document).ready(function(){
/* Union Station */
$.getJSON("http://myttc.ca/Union_station.json?callback=?",
function(data){
$.each(data.stops, function(i,item){
$("#Union").append("<p>Stop Name: " + item.name + "</p>");
$.each(item.routes, function(i,item){
$.each(item.stop_times, function(i,item){
$("#Union").append("<p>Departure Times: " + item.departure_time + "</p>");
$("#Union").append("<p>Shape: " + item.shape + "</p>");
});
});
});
});
});
演示:小提琴
参考此问题的接受值。这是Jquery特有的。
API文档会给你更多的信息。http://api.jquery.com/jQuery.getJSON/
相关文章:
- Ajax-如何获取数据
- 从键值结构中获取数据,并将其与AngularJS中ng重复的值进行比较
- 从数据库中获取数据并插入JavaScript变量
- 从单击的行上的列中获取数据
- Solr查询以按日期月份获取数据&年
- React路由器服务器端渲染和ajax获取数据
- 使用JavaScript在IE9中获取数据列表选项
- 从json子数组获取数据
- 使用angularjs中的rest调用通过id获取数据
- 正在从ruby应用程序中的数据库中获取数据
- 如何从servlet获取数据到ajax成功
- 从选择下拉菜单中获取数据
- 异步获取数据使用JavaScript同步获取数据
- 从服务器获取数据并在选择控件中使用ng选项无法显示选项
- 如何在Angular.js中循环动态添加Fields并获取数据并将其发送到服务器
- JavaScript-获取数据属性的值返回未定义的值
- 如何从文本区域获取数据并使用javascript进行解密
- 在put方法之前从作用域获取数据
- 事件循环的MEAN.JS setInterval进程(从另一个服务器获取数据)
- 使用ReactJS和Flux架构从服务器获取数据的正确方法是什么