HTML-Basic-跨域
文章目录

跨域

JSONP

JSONP 是 JSON with padding 的缩写

* 主要原理:  <script> 标签一旦放入代码中,  就会立刻执行,  并且 JS 的调用可以跨域

JSONP 传回来的代码例子

其实看一眼就能理解,  下一步就是准备一个 callback 函数

1
callback({"name": "Chong"});

CORS

头文件之中加一个 origin

1
2
3
4
5
6
GET /cors HTTP/1.1
Origin: [http://api.bob.com](http://api.bob.com)
Host: api.alice.com
Accept-Language: en-US
Connection: keep-alive
User-Agent: Mozilla/5.0...

同时需要 Server 的调配

Nginx (Engine X) 反向代理

客户端的东西通过 Engine X 接收之后在请求到各种服务

轻量快速并发度高

其他的一些不常用的方法

window.name + iframe

  • 老方法,  没啥好说的
    • postMessage
    • window. domain