Basic/HTML
Source Edit History
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