慕前端3377544
2017-07-05 18:41
var getTrainList=function(){//获取车次的列表
if($("#search-number").val()||($("#search-begin").val()&& $("#search-end").val())){//1车次、发车站、终点站都 填了2只填了车次3只填了发车站、终点站
var searchButton=$(this);
searchButton.button("option","disabled",true);
$.mobile.loading("show");
//准备ajax的参数
var _data={};
var _url=url1;//默认用url1
if(!$("#search-number").val()){//如果没填车次,那必填了发车站和终点站,就把这两个文本传给制定数据变量
_data.StartStation=$("#search-begin").val();
_data.ArriveStation=$("#search-end").val();
}else{
_url=url2;
_data.TrainCode=$("#search-number").val();
}
//AJAX开始
$.get(urlPre+_url,_data,function(data){
var list=$("#list");
var timeTables=$(data).find("TimeTable");//获取时间表
var _arr=[];
timeTables.each(
function(index,obj){
var i=index;
if(i>10)return false;//只载入十条信息
var that=$(this);
if(that.find("FirstStation").text()=="数据没有被发现"){
alert("数据没有被找到");
return false;
}
//拼接html列表项
var _html='<li><a href="#" data-no="'+that.find("TrainCode").text()+'">'+//在链接里存车次号,已被查询
'<h2>'+that.find("TrainCode").text()+'</h2>'+
'<p>'+that.find("FirstStation").text()+'-'+that.find("LastStation").text()+'</p>'+
'<p>用时:'+that.find("UseDate").text()+'</p>'+
'<p class="ui-li-aside">'+that.find("StartTime").text()+'开</p>'+
'</a>'+
'</li>';
_arr.push(_html);
$("#list").find("ul").append(_html);
});//each结束
if(_arr.length>0){
list.html(_arr.join(""));//有数据便加入列表中且不用字符隔开
list.listview("refresh");//等于继续加载之前那个表格的属性 类似还原
}
$.mobile.loading("hide");//隐藏loading
searchButton.button("option","disabled",false);
});//AJAX
}else{
alert("请输入发车站和终点站,或者输入车次");
}
};
自己写一个简单的后台调用接口,毕竟人家网站的后台,不可能一成不变的。
不是接口问题就是参数问题
jQM Web App –列车时刻表
38491 学习 · 188 问题
相似问题