这是一款利用百度提供的接口实现的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>
暂无评论内容