前端跨域实践(二):JSONP

上一篇文章 前端跨域(一):CORS 实现了跨域的一种解决方案,IE8 和其他浏览器分别通过 XDomainRequest 和 XHR 对象原生支持 CORS。这次我将补一补 Web 服务中也非常流行的一种跨域技术——JSONP,同时,将复用上次的前端跨域场景。

1. JSONP(JavaScript Object Notation with padding,填充式JSON/参数式JSON)

【简单理解】:JSONP = 回调函数(Padding) + 数据(JSON),可以将 Padding 理解为回调函数,JSONP 则为被包含在函数调用中的 JSON。

callback({ "name": "Nicholas" });

【原理】:Ajax 的跨域受到“同源策略”的限制,但是像

瞧,整个过程,我们并没有用到 XHR 对象,只是利用了

你可能感兴趣的:(前端跨域实践(二):JSONP)