一个完整jsonp实例

国企车开的就是稳（màn），多了不抱怨了，说事儿。
记上次面试经历，谈到跨域，谈到jsonp。因为我们开车稳，所以从不跨域。对于没有实践过jsonp的我来说，要是能讲明白怎么回事，就算是挺能忽悠了。但是功力低微啊，结果就是关公门前耍大刀，我觉得网上的理论知识只能让人懂个大概。这东西不实际操作一下还是差点意思。

服务器环境

node.js

SPA

html + jquery.js

理论知识点

json：JavaScript Object Notation是一种轻量级的数据交换格式。

优点：轻量级，易读eval()转化为实际的对象，传输阶段被压缩，易于机器解析和生成，支持多种语言。

jsonp：Json with Padding是解决跨域问题而提出的一种方案。

原理：由于浏览器同源策略的影响，不允许跨域的请求。而script标签是一个特例，它的src属性可以访问跨域的js，利用这个特性，服务端不再返回json格式的数据，而是返回一段调用某个函数的js代码。在src中调用，达成跨域。

注意

• 1.jsonp只支持GET请求。
• 2.localhost和127.0.0.1也是跨域。
• 3.JSONP中的"P"指什么？
• 4.一级域名和二级域名也算跨域。

实例解读

客户端

通过id="getJsonp"的按钮动态创建script标签，src属性设置为跨域请求的地址，后接参数，即回调函数jsonCallback()。

f