懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-19
这是一款利用百度提供的接口实现的jQuery表单输入城市查询天气预报情况代码。


js代码

<script type="text/javascript">
		$("input[type=button]").on("click",function(){

				var cityName=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)
						//百度那边的 数据已经回来,我现在要解析这个数据.
						var weatherData=data.results[0].weather_data;
						var obj={
							list:weatherData
						}
						var html=template("templateId",obj);
						document.querySelector("table").innerHTML=html;

					}
				})


		})

</script>