簡單使用jsonp擷取天氣

標籤：output   簡單的   weather   代碼   jquer   query   div   .com   日期   

在這裡使用的是百度天氣：

　　整體代碼如下：

　　js:

　　<script src="js/jquery.min.js"></script>

　　<script>

　　　　$.ajax({

　　　　　　url: "http://api.map.baidu.com/telematics/v3/weather?location=北京（需要的城市名字）&output=json&ak=AK(您的AK值例如：9kyhDI0YZPNEk3O6myQcZhNYDqhTXEQx)"，

　　　　　　datatype: "jsonp",

　　　　　　success: getWeather  (成功的回調)

　　　　})；

　　　　

　　　　function getWeather(data){
　　　　　　console.log(data);　　　　　　//此項資料返回的是一個集合，你需要什麼就可以在頁面上顯示什麼
　　　　　　$("body").append(`　　　　　　//這裡做了一個簡單的demo向body中插入了 當前日期，地址，以及PM2.5值
　　　　　　　　<div>日期：${data.date} 地址：${data.results[0].currentCity} pm值：${data.results[0].pm25} </div>
　　　　　　`)；
　　　　}；

　　

　　</script>　　

　　這樣就結束了。

簡單使用jsonp擷取天氣