查询天气预报的php代码,jQuery输入城市查询天气预报代码
jQuery輸入城市查詢天氣預報代碼
這是一款利用百度提供的接口實現的jQuery表單輸入城市查詢天氣預報情況代碼。
js代碼
$("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;
}
})
})
申明:php中文網下載站匠心打造專業的IT資源下載站!一切資源免費,來源網絡收集,請自行檢測軟件的完整性。交流QQ群:916808767
總結
以上是生活随笔為你收集整理的查询天气预报的php代码,jQuery输入城市查询天气预报代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 项目验收文档模板(二)
- 下一篇: php缓冲--ob缓冲