前端通信相关基础简单的概念

数据交互的方式

1.表单：优点：最基本最简单的数据交互方式 ajax和jsonp提交到服务端都是表单格式 -> http所有的数据请求都是表单
劣势 : 提交数据会刷新页面用户体验差

2.ajax：优点：局部刷新页面节约流量降低服务端压力用户体验较好安全性较好

ajax2.0: 原生ajax配合 formData接口使用

劣势 : 默认情况下不能跨域(跨域麻烦) 性能低单向通信

3.jsonp：可以跨域但安全性太差逐渐被ajax取代

4.WebSocket：优点：默认可以跨域性能高双向(双工)通信
劣势 : ~emmm 不兼容低版本的IE(但通过一些手段也可以兼容到IE6)

跨域：域名端口协议的不同

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源
假设从www.baidu.com/a.html 里面的JS文件要去读取 www.taobao.com/text.txt 的某一个文件的现象就是跨域

浏览器出于安全问题对于跨域有很多的限制例如为了防止 XSS(跨站脚本攻击)

跨域是有风险的但对于开发人员又是必须的(第三方的数据交互)

http简单的概念

首先http的几个版本

http0.9 ：HTTP协议的最初版本，功能简陋，仅支持请求方式GET，并且仅能请求访问HTML格式的资源。

http1.0 ：增加了请求方式POST和HEAD 每次TCP连接只能发送一个请求，当服务器响应后就会关闭这次连接，下一个请求需要再次建立TCP连接

http1.1 ：版的最大变化，就是引入了持久连接，即TCP连接默认不关闭，可以被多个请求复用，不用声明Connection: keep-alive。解决了1.0版本的keepalive问题，1.1版本加入了持久连接，一个TCP连接可以允许多个HTTP请求

http2.0 : 为了解决1.1版本利用率不高的问题，提出了HTTP/2.0版本 特点：1.强制https(强制安全性) 2.自带双向通信 3.多路复用(一个连接之内可以同时传输好多东西提高性能)

http协议较https容易被攻击 https相对来说安全一些市面上也在推广https

https : 超文本传输安全协议

https ：简单讲是http的安全版 http协议传输的数据都是未加密的，也就是明文的，因此使用http协议传输隐私信息非常不安全。为了保证这些隐私数据能加密传输，于是网景公司设计了ssl(Secure Sockets Layer)协议用于对http协议传输的数据进行加密，从而就诞生了https