原创：jqery 调用websevices 实现航班信息查询

最新推荐文章于 2019-01-08 01:21:11 发布

zhiming_817

最新推荐文章于 2019-01-08 01:21:11 发布

阅读量488

点赞数

分类专栏： ajax 文章标签： WebService jQuery JavaScript HTML 数据结构 ViewUI

本文链接：https://blog.csdn.net/zhiming_817/article/details/83558712

版权

ajax 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html> 
<head> 
<script type="text/javascript" src="jquery-1.4.1.js"></script> 
<script type="text/javascript"> 
$(document).ready 
( 
	function() 
	{ 
		$("#chaxun").click 
		( 
		function() 
		{ 
			
			getHangbang();
			//getHelloxml();
		    //getH();
		 // getWebs();
		} 
		); 
	} 
); 
//获取城市编码
function getWebs()
{
$.get("http://webservice.webxml.com.cn/webservices/DomesticAirline.asmx/getDomesticCity",function(data){  
    //alert($(data).find('Address').text());
    $(data).find('Address').each(function(){
       var $Address=$(this);
       var html='<option value=';
       html +=	$Address.find('Abbreviation').text()+'>'+
       			$Address.find('cnCityName').text()+'';
       html +='</option>'
      
      $('#startCity').append($(html));
      $('#astCity').append($(html));
      
    });
});
}
//查询航班信息
function getHangbang()
{

 var startCity = $("#startCity").val();  
 var astCity= $("#astCity").val(); 
 var theDate=$("#theDate").val(); 
 var url="http://webservice.webxml.com.cn/webservices/DomesticAirline.asmx/getDomesticAirlinesTime";
 var url=url+"?startCity="+startCity+"&lastCity="+astCity+"&theDate="+theDate+"&userID="; 
 
 $.get(url,function(data){
 	$('#city').empty();
 	
 	//alert("hehe:"+$(data);
 	//alert($(data).find('AirlinesTime').text());
 	//遍历xml
 	$(data).find('AirlinesTime').each(function(){
 		var $AirlinesTime=$(this);		
 		var html='<tr >';
       html +='<td>'+$AirlinesTime.find('Company').text()+'</td><td>'+
       			$AirlinesTime.find('AirlineCode').text()+'</td><td>'
       			+$AirlinesTime.find('StartDrome').text()+'</td><td>'
       			+$AirlinesTime.find('ArriveDrome').text()+'</td><td>'
       			+$AirlinesTime.find('StartTime').text()+'</td><td>'
       			+$AirlinesTime.find('ArriveTime').text()+'</td><td>'
       			+$AirlinesTime.find('Mode').text()+'</td><td>'
       			+$AirlinesTime.find('AirlineStop').text()+'</td><td>'
       			+$AirlinesTime.find('Week').text()+'</td><td>'
       			;
       html+='</tr>'
      $('#city').append($(html));
 	});
 });
 //alert("hello");
 //alert(textval);

}
</script> 
<body οnlοad="getWebs()"> 
<p >航班信息查询</p> 


<p>获得航班时刻表 DataSet
输入参数：startCity = 出发城市（中文城市名称或缩写、空则默认：上海）；lastCity = 抵达城市（中文城市名称或缩写、空则默认：北京）；theDate = 出发日期（String 格式：yyyy-MM-dd，如：2007-07-02，空则默认当天）；userID = 商业用户ID（免费用户不需要）
返回数据：DataSet，Table(0)结构为 Item(Company)航空公司、Item(AirlineCode)航班号、Item(StartDrome)出发机场、Item(ArriveDrome)到达机场、Item(StartTime)出发时间、Item(ArriveTime)到达时间、Item(Mode)机型、Item(AirlineStop)经停、Item(Week)飞行周期（星期）
http://webservice.webxml.com.cn/webservices/DomesticAirline.asmx/getDomesticAirlinesTime
</p>


<form action="#" οnsubmit="">
 <p>
 	出发城市：<select id="startCity">
	
</select>
 	</p>
 <p>
 	抵达城市：<select id="astCity">
	
</select>
 	
 	</p>
 出发日期：<input id="theDate" name="theDate" type="text">
 <input id="chaxun" type="button" value="查询" >
</form>
<table  >
<thead>
	<tr>
		<td>航空公司</td>
		<td>航班号</td>
		<td>出发机场</td>
		<td>到达机场</td>
		<td>出发时间</td>
		<td>到达时间</td>
		<td>机型</td>
		<td>经停</td>
		<td>飞行周期</td>
	</tr>
	</thead>
	<tbody id="city">
		
	</tbody>
</table>

</body> 

</html>

zhiming_817

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
原创：jqery 调用websevices 实现航班信息查询

&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="jquery-1.4.1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready ( function()
复制链接

扫一扫