json格式天气数据的获取，jsonp方式获取统计图数据

获取天气情况（不支持跨域）

/*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("发起 " + 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: '数据统计中…',color: 'blue',textColor: 'blue',maskColor: 'rgba(0, 0, 0, 0.5)',zlevel: 0});//清除原始静态数据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方式获取统计图数据相关推荐

Spark读取Hive数据的两种方式与保存数据到HDFS
Spark读取Hive数据的两种方式与保存数据到HDFS Spark读取Hive数据的方式主要有两种 1. 通过访问hive metastore的方式,这种方式通过访问hive的metastore元数 ...
02_pandas获取数据（指定列获取、[]方式获取、loc函数，at函数, iloc函数 iat函数）
获取数据通过指定列的方式获取数据选择单独一列,通过这种方式获取一个Series,等价于df.A import numpy as np import pandas as pd# 通过设置开始时间,并 ...
【Java基础】IO流概述分类、字节流写数据、字节流写数据的三种方式及写数据的两个小问题
目录一.IO流概述和分类二.字节流写数据三.字节流写数据的三种方式四.字节流写数据的两个小问题一.IO流概述和分类 IO流介绍: ● IO:输入/输出(Input/Output) ● 流:是 ...
获取腾讯天气数据（jsonp 方式）
利用 jsonp 方式获取腾讯天气数据案例分析下面是利用 jsonp 函数写的一个小案例:跨域请求腾讯天气数据并展示在自己的页面.腾讯天气网站的中我们需要获取的数据是两天(48)内的天气数据,其他 ...
json是什么_如何利用Python处理JSON格式的数据，建议收藏！！！
JSON数据格式在我们的日常工作中经常会接触到,无论是做爬虫开发还是一般的数据分析处理,今天,小编就来分享一下当数据接口是JSON格式时,如何进行数据处理进行详细的介绍,内容分布如下什么是JSON ...
如何利用Python处理JSON格式的数据，建议收藏！！！
公众号后台回复"图书",了解更多号主新书内容作者:俊欣来源:数据分析与篮球 JSON数据格式在我们的日常工作中经常会接触到,无论是做爬虫开发还是一般的数据分析处理,今天,小编就 ...
JavaScript解析json格式数据简单示例
JavaScript解析json格式数据简单示例本文通过for循环来获取json结点数据,需要的朋友可以参考以下这串json数据用来存储预加载的图片路径: 代码如下: var imgData = [ ...
C#中Newtonsoft.Json(Json.NET)的使用和处理json格式数据
C#关于json的一些操作 C#中Newtonsoft.Json(Json.NET)的使用添加Newtonsoft.Json.dll引用: 下载Newtonsoft.Json.dll: 在项目中添加 ...
Python将JSON格式数据转换为SQL语句以便导入MySQL数据库
前文中我们把网络爬虫爬取的数据保存为JSON格式,但为了能够更方便地处理数据.我们希望把这些数据导入到MySQL数据库中.phpMyadmin能够把MySQL数据库中的数据导出为JSON格式文件,但却 ...

json格式天气数据的获取，jsonp方式获取统计图数据

json格式天气数据的获取，jsonp方式获取统计图数据相关推荐

最新文章

热门文章