建立 htm 对象 margin substr on() play rip
try{var http=new XMLHttpRequest;} catch(e){http=new ActiveXObject("Microsoft.XMLHTTP");} http.open("GET","city.json",true);//服务器与JSON文件建立连接 http.send();//发送请求
http.onreadystatechange=function(){ //存储函数 每当readyState属性改变时就会调用 if(this.readyState==4 && this.status==200){//判断是否完成响应且正常 var p=JSON.parse(this.responseText);//字符串转为对象赋值给p for(var r=0;r hot.innerHTML+="
"+p.cityList[i][0]+"
";//显示其对应城市 } } } } var hotcity=hot.getElementsByTagName("h4"); for(var y=0;y //遍历热门城市的容器 hotcity[y].onclick=function(){ show.innerHTML=""; for(var i=0;i if(p.cityList[i][0].substr(0,2)==this.innerHTML.substr(0,2)){ //获取热门城市名,前两个字匹配 //substr(start,length) start:抽取的子串的起始下标,length:子串中的字符数 show.innerHTML+=""+p.cityList[i][0]+"
"; //显示其匹配结果一样的站点 } } } }}
JSON文件:(部分省略)
{ "cityList":[ ["北京东","beijingdong","bjd",1], ["北京","beijing","bj",15], ["北京南","beijingnan","bjn",3], ["北京西","beijingxi","bjx",4], ["广州南","guangzhounan","gzn",5], ["重庆北","chongqingbei","cqb",6], ["重庆","chongqing","cq"], ["重庆南","chongqingnan","cqn"], ["广州东","guangzhoudong","gzd"], ["上海","shanghai","sh"], ["上海南","shanghainan","shn"], ["上海虹桥","shanghaihongqiao","shhq"], ["上海西","shanghaixi","shx"],
]
"hotList":[ ["北京","beijing","bj"], ["上海","shanghai","sh"], ["广州","guangzhou","gz"], ["长沙","changsha","cs"], ["石家庄","shijiazhuang","sjz"], ["南京","nanjing","nj"], ["郑州","zhengzhou","zz"], ["深圳","shenzhen", "sz"] ] }
火车站点城市查询(appserv 服务器练习)
来源: http://www.bubuko.com/infodetail-2034741.html