前端通信Ajax

• 同源策略

同样的源策略限制了从一个源上载入的文档或脚本如何与从另一个源上载入的资源交互。

来源是什么:协议、域名和端口。 如果这些三个东西都不同,甚至是跨域

什么是限制:不是一个源文档,并无权在另一个源文档上操作

• 前后端通信方式

1. Ajax支持同源通信
2. WebSocket不会受到相同的源策略的影响
3. CORS支持源和跨域通信

• 如何创建ajax

• 跨域通信的几种方式

1. JSONP(只接收请求)

通过script执行的标签的非同步加载。 使用脚本标签不受相同的源策略的限制,并且自然可以跨域特性。

1. Hash

url后面的 # 的内容称为 Hash.Hash 更改,页面不会更新。

1. postMessage

H5中新的postMessage()方法可用于跨域通信

1. WebSocket

WebSocket协议是HTML5的一个新协议,它允许浏览器和服务器之间完全双重通信,同时允许跨域通信。

1. CORS(通用浏览器跨域解决方案)

在整个CORS通讯过程中,所有都是由浏览器自动完成的,不需要用户参与。对于开发者来说，CORS通信与同一源Ajax通信无异,代码完全一样。一旦浏览器发现Ajax请求的交叉源代码,将自动添加一些额外的标题信息,有时还多次提出额外的请求,但用户不会有感觉。因此，实现CORS通信的关键是服务器。只要服务器实现CORS接口,就可以跨源通信

本文由 在线网速测试 整理编辑，转载请注明出处，原文链接：https://www.wangsu123.cn/news/27578.html。