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

jQuery输入城市查询天气预报代码-精品资源网
jQuery输入城市查询天气预报代码
此内容为免费资源,请登录后查看
0
免费资源

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

这是一款利用百度提供的接口实现的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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容