生活随笔
收集整理的這篇文章主要介紹了
查询中国城市公交线路
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?? ?<!--?
?? ?獲取省份城市API接口：http://v.juhe.cn/postcode/pcd?key=e30b66c95726d5f9d7bf4bf9019b5e1f
?-->?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>綜合查詢:城市公交查詢</title>
<script src="template.js"></script>
<script src="jquery-1.7.2.min.js"></script><script id="itany" type="text/html">
<h3>{{result[0].key_name}}公交({{result[0].front_name}}——{{result[0].terminal_name}})，共{{result[0].stationdes.length}}站 )</h3>
<ul>{{each result[0].stationdes as bus}}<li>{{bus.stationNum}}.{{bus.name}} </li>{{/each}}
</ul>
</script>
<script type="text/javascript">
$(function(){var cities;$.get("cities.json",function(data){console.log(data);cities=data;for(var i=0;i<data.result.length;i++){var option=new Option(data.result[i].province,data.result[i].id);$("#province").append(option);}},"json");$("#province").change(function(){$("#city")[0].length=1;var pid=this.value;for(var i=0;i<cities.result.length;i++){if(cities.result[i].id==pid){var citys=cities.result[i].city;console.log("city:"+citys);for(var j=0;j<citys.length;j++){var option=new Option(citys[j].city,city[j].id);$("#city").append(option);}}}});$("#btnQuery").on("click",function(){var city=$("#city :selected").html();var bus=$("#bus").val();$.get("http://op.juhe.cn/189/bus/busline?key=d0f4b2871864e03a11e43c3ccfbe018c&city="+city+"&bus="+bus,function(data){//console.log(data);var result=template("itany",data);$("#info").empty();//判斷是否查詢到數據if(data.result==null){$("#info").html("親，未找到相關公交線路哦！");return;}$("#info").append(result);},"jsonp");});})</script></head>
<body><h2>城市公交查詢</h2><div id="contents"><p>省份：<select id="province"><option value="0">--選擇省份--</option></select>城市：<select id="city"><option value="0">--選擇城市--</option></select></p><p>公交線路：<input type="text" id="bus"></input></p> <p><input type="button" value="查詢" id="btnQuery"></p></div><div id="info"></div>
</body></html>
?
?
總結
以上是生活随笔為你收集整理的查询中国城市公交线路的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
