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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载