1、Ajax
Ajax,它是浏览器提供的一种方法,实现页面无刷新就可以更新数据,提高用户浏览器应用的体验。
应用场景:1、页面上拉加载更多的数据。2、列表数据无刷新分页。3、表单项离开焦点数据验证。4、搜索框提示文字下拉列表。
Ajax原理:Ajax相当于浏览器发送请求与接收响应的代理人,以实现在不影响浏览器页面的情况下,局部更新页面数据,从而提高用户体验。
Ajax的实现步骤:
1、创建Ajax对象:var xhr=new XMLHttpRequest();
2、告诉Ajax请求地址以及请求方式:xhr.open('get','http://www.baidu.com');
3、发送请求:xhr.send();
4、获取服务器端给客户端的响应数据:xhr.onload=function(){console.log(xhr.responseText);}
2、如何封装Ajax
- 问题:发送一次请求代码过多,发送多次请求代码冗余且重复。
- 解决方案:将请求代码封装到函数中,发送请求时调用函数即可。
- 如何封装Ajax:
- 1、封装Ajax函数
- 2、进行调用,传递参数:type(请求方式)、url(请求地址)、succes(返回响应数据)、error(返回响应错误)
3、HTTP
HTTP是Hypertext Transfer Protocol的简写,叫超文本传输协议,它的作用就是规定了只能由客户端主动发起请求,服务器接收请求处理后返回响应结果。
HTTP的优点:1、支持客户端/服务端模式。2、应用广泛且可以跨平台。3、简单快捷、灵活。
HTTP的缺点:1、无连接、无状态,不会保户浏览器历史记录。2、明文传输不安全。
4、HTTP与HTTPS的区别
HTTPS是以安全为目标的HTTP通道,是HTTP的安全版本。HTTPS的安全基础是SSL。SSL协议位于TCP/IP协议与与各种应用层协议之间,为数据通讯提供安全支持。
区别:
1、HTTP是明文传输的,HTTPS是加密的,传输数据比较安全
2、HTTP端口号是80,HTTPS的端口号是443
5、HTTP常见的状态码
- 1xx:请求信息
- 2xx:成功状态
- 3xx:重定向状态
- 4xx:客户端错误
- 5xx:服务器错误
6、三次握手
三次握手的作用:确保客户端和服务器接收和发送请求正常,这样的话就可以建立连接
第一次握手,客户端给服务器发送SYN(同步),服务器接收。
作用:服务器确认客户端发送请求正常和自己的接收请求正常
第二次握手,服务端发送SYN+ACK(确认),客户端接收。
作用:客户端确认自己和服务器的接收和发送请求都正常
第三次握手,客户端发送ACK,服务器接收。
作用:服务器确认客户端和自己的接收和发送请求都正常
最后客户端和服务器都知道自己的接收和发送都正常,就可以建立连接。
7、四次挥手
四次挥手的目的是关闭客户端和服务器的连接。
第一次挥手:客户端给服务器发送FIN(结束)+ACK(确认),请求断开连接,服务器接收。
第二次挥手:服务器发送ACK,表示已经收到了客户端断开连接的请求。此时客户端到服务器的连接关闭,但服务器如果有部分数据没有发送给客户端,服务器就会发送完成数据之后,才会向客户端发送断开连接的请求,即第三次挥手。
第三次挥手:服务器已经没有数据需要发送给客户端的时候,就向客户端发送FIN+ACK请求,表示已经断开连接
第四次挥手:客户端给服务器发送ACK,表示已经知道服务器关闭了连接