JSONP 使用及注意事项小结

什么是JSONP

三句话总结：

1. 概念：JSONP(JSON with Padding)是JSON的一种“使用模式”。
2. 目的：用于解决主流浏览器的跨域数据访问的问题。
3. 原理：利用

   注意事项

   1. 必须要先在window下添加处理函数myFunction才能插入script标签，否则会提示Uncaught ReferenceError: myFunction is not defined。

   2. 前后端必须约定好函数名。目前w3c对于JSONP并未标准化，大多数情况大家是如此约定的：在获取数据的接口url中添加查询字符串，例如http://www.xxxx.com/getJsonp?callback=myFunction，服务端根据这个查询字符串返回一个一段用myFunction包裹的JSON，myFunction({"data":...})。

   3. 挂在window下的函数名应尽量特别一些。由于window下经常会添加各种属性，如果某个重要属性和JSONP返回的函数名相同，则原有的函数会被JSONP的函数覆盖，目前很多库都对这个函数名做了特殊处理，例如vue-resource会把JSONP返回函数命名为一个随机串。