?獲取天氣情況（不支持跨域）

/*json原生獲取*/
function getJSON() {var XML;var url = "http://wthrcdn.etouch.cn/weather_mini?city=杭州";if (window.XMLHttpRequest) {XML = new XMLHttpRequest();} else if (window.ActiveXObject) {XML = new window.ActiveXObject();} else {alert("請升級至最新版本的瀏覽器");}if (XML != null) {XML.open("GET", url, true);/*GET可以改成POST，參數在url后面用&連接即可*/XML.send(null);XML.onreadystatechange = function () {if (XML.readyState === 1 || XML.readyState === 2 || XML.readyState === 3) {console.log("發(fā)起 " + url + " 數據請求！");}if (XML.readyState === 4 && XML.status === 200) {var result = JSON.parse(XML.responseText).data;alert(result.forecast[0].high);//讀取完數據了....}};}
}onload = function () {getJSON();
};

通過jsonp方式獲取（支持跨域）

/*jsonp格式數據讀取*/
function jsonpCallback(result) {//設置加載動畫樣式myChart.showLoading('default', {text: '數據統(tǒng)計中…',color: 'blue',textColor: 'blue',maskColor: 'rgba(0, 0, 0, 0.5)',zlevel: 0});//清除原始靜態(tài)數據option.series[0].data = [];option.xAxis.data = [];myChart.setOption(option);//加載讀取的數據到chartfor (var i in result) {var data = result[i];option.series[0].data.push(data.value);option.xAxis.data.push(data.name);}myChart.setOption(option);myChart.hideLoading();
}var callback = 'jsonpCallback';//這個方法名必須要和上面的保持一致
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
var ip = 'http://106.14.xxx.61:8080';
var path = '/bigdata/echart/datapush';
var method = 'originCityDistribution';
var date = new Date()
var yearMonth = '201705';//目前只有2017.05的數據
//var yearMonth = date.getFullYear().toString() + ("0" + (date.getMonth() + 1)).slice(-2);
var time = date.getTime();
script.src = ip + path + '?method=' + method + '&callback=' + callback + '&time=' + yearMonth + '&_=' + time;
head.appendChild(script);

?

總結

以上是生活随笔為你收集整理的json格式天气数据的获取，jsonp方式获取统计图数据的全部內容，希望文章能夠幫你解決所遇到的問題。

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