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输入城市查询天气预报代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。