jQuery输入城市查询天气预报代码

这是一款利用百度提供的接口实现的jQuery表单输入城市查询天气预报情况代码。

js代码
<scripttype="text/javascript">
$("input[type=button]").on("click",function(){varcityName=document.querySelector("#cityName").value;
//跨域是浏览器的安全策略.
//我现在是jQuery，jQuery怎么去解决
//jQuery解决的方式.
$.ajax({
url:"http://api.map.baidu.com/telematics/v3/weather",
type:"get",
data:{
location:cityName,
output:'json',
ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'
},
/*预期服务器端返回的数据类型，假设我现在跨域了，我就改成jsonp就可以了*/
dataType:"jsonp",
success:function(data){
console.log(data)
//百度那边的数据已经回来，我现在要解析这个数据.
varweatherData=data.results[0].weather_data;
varobj={
list:weatherData
}
varhtml=template("templateId",obj);
document.querySelector("table").innerHTML=html;}
})
})</script>



下载

2023-11-22 21:24 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]