1. 介绍jsonp的原理
2. 介绍ajax异步使用jsonp
3. 通过加密方式获取心知天气数据
4. 介绍node使用cryptoJS方式加密数据
5. 介绍在web前端使用cryptoJS去加密数据
6. 具体介绍了借助ajax的jsonp方式获取心知天气数据的过程
7. 参考文章

1、jsonp的原理

先说概念：jsonp是动态跨域获取数据的一种方式。
接着我们来说说jsonp的实现。
网上对jsonp的解释有很多，我单纯的将其原理列出，如果诸位看官看的不明白，可以点击文章结尾处的参考文档，或者点击本小节结束时的文档，博采众长，进一步学习这部分知识。
进入正题。
1.1、我们都知道在HTML页面中，由于跨域规则的限制，我们通过ajax无法请求存在其他域中的普通文件。
1.2、但是我们又发现，web页面上引入js文件是不受跨域安全机制的影响的。不仅仅如此，所有有src属性的标签，<script>、<img>、<iframe>都可以突破域的限制。
1.3、恰好此时json数据作为一种格式简单，便于理解的数据交换结构，被大家广泛的使用。关键是json被原生的js支持。

下面补充json对象与json字符串互相转换的方法。

字符串转json对象：
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
 或者
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
json对象转字符串：
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
或者
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

2、ajax异步使用jsonp

此外，我们还应该知道的是，jQuery也是支持jsonp的，它是通过$.ajax的方式支持jsonp的。

 $.ajax({
             type: "get",async: false,url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",dataType: "jsonp",cache: true,jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
             jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
             success: function(json){
                 alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。');
             },error: function(){
                 alert('fail');
             }
         });

这里要注意以下几点：
1、jsonp只能以get方式提交。
因为它本身就相当于一个动态添加的script标签，而这种方式发出的请求就是以get方式发出去。所以请求类型为get。
2、cache : true
jQuery会在请求后默认添加一个时间戳，当有了这个时间戳之后，就不会使用缓存。不过在获取心知天气API时，cache这个值可以不设置。
3、请求频率
请求频率要和免费用户的每分钟的次数相匹配，不然会被服务器拒绝服务。
更多内容：请参考http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
这篇文章有例子，讲的也很详细。
知道了跨域的原理，那么我们接着回到心知数据V3版 API这边，来考虑获取数据。

2、通过加密的方式获取数据

var crypto = require("crypto");
var str = "ts=1443079775&ttl=30&uid=U123456789";
var key = "secret";
var result = crypto.createHmac('sha1',key);
var final = result.update(str).digest('base64');
console.log(final);

crypto.createHash(algorithm)
创建并返回一个hash对象，它是一个指定算法的加密hash，用于生成hash摘要。参数algorithm可选择系统上安装的OpenSSL版本所支持的算法。例如：'sha1','md5','sha256','sha512'等。在近期发行的版本中，openssl list-message-digest-algorithms会显示这些可用的摘要算法。

crypto.createHmac(algorithm,key)
创建并返回一个hmac对象，它是一个指定算法和密钥的加密hmac。参数algorithm可选择OpenSSL支持的算法 - 参见上文的createHash。参数key为hmac所使用的密钥。

hash.digest(encoding='binary') hmac.digest(encoding='binary')

计算所有传入数据的hash摘要。参数encoding（编码方式）可以为'hex','binary' 或者'base64'。

var myDate = new Date();
var ts = myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)

<script src="js/core.js"></script>
<script src="js/cipher-core.js"></script>
<script src="js/enc-base64.js"></script>
<script src="js/hmac.js"></script>
<script src="js/sha1.js"></script>

var result = CryptoJS.HmacSHA1(str,key);
       var signature = result.toString(CryptoJS.enc.Base64);
signature = encodeURI(signature);

 var ts = new Date().getTime();
 var str = "ts="+ts+"&ttl=30&uid=U75028BE2C"; //uid需要换成自己账户中的uid

var result = CryptoJS.HmacSHA1(str,key);  //key需要换成自己账户中的key
var signature = result.toString(CryptoJS.enc.Base64);
signature = encodeURI(signature);

var url = "https://api.thinkpage.cn/v3/weather/now.json?location="+ city +"&"+str+"&sig="+signature;

$.ajax({
            type: "get",cache: false,url: url,//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
            jsonpCallback:"showWeather",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
            success: function(json){
     		console.log(json)；
            },error: function(){
                alert('fail');
            }
        });