首先我们要明白ajax是什么??

单从ajax字面意思来看Asynchronous JavaScript and XML,顾名思义就是(异步的 JavaScript 和 XML),其目的主要是用来实现客户端与服务器端的异步通信效果,从而实现页面的局部刷新。

ajax的优缺点

优点:
1.通过异步模式,提升用户体验;
2.又花了浏览器和服务器之间的传输,减少不必要的数据往返,减少了宽带占有;
3.Ajax在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载;

缺点:
1.ajax不支持浏览器的back按钮;
2.涉及到安全问题,ajax暴露了与服务器交互的细节;
3.对搜索引擎的支持比较弱;
4.破坏了程序的异常机制;

ajax分为原生js中的ajax和jQuery中的ajax

一、原生js中的ajax

创建异步对象关于ajax请求步骤及其优缺点

初始化请求
关于ajax请求步骤及其优缺点
xhr.open中的三个参数分别是:
第一个参数:请求的方式 “get” 或 “post”;
第二个参数:请求的地址;
第三个参数:默认值为true,表示异步,false表示同步;

补充:当请求方式为get时,若请求有参数需将参数拼接在url后面,当请求方式为post时,需要设置请求头xhr.(“Content-type”, “application/x-www-form-urlencoded”);

发送请求
关于ajax请求步骤及其优缺点

接收服务器的响应数据
关于ajax请求步骤及其优缺点

二、Jquery中的Ajax

关于ajax请求步骤及其优缺点

相关文章: