原生ajax——五步法写ajax、兼容

最新推荐文章于 2021-03-25 16:25:13 发布

js25zl19

最新推荐文章于 2021-03-25 16:25:13 发布

阅读量191

点赞数

本文链接：https://blog.csdn.net/qq_44741877/article/details/112850636

版权

局部刷新技术
ajax请求：请求后端接口，返回数据到前端，前端根据需求渲染到界面
【五步法写ajax】
1.创建ajax对象

 var http=new XMLHttpRequest();

2.建立服务器连接
open（）的参数
（1）发送请求的参数 get post
（2）api路径
（3）async 同步或者异步值为：true异步/false同步 ·（可写可不写）
其中同步指的是等待请求完成之后再执行后续代码；异步则是请求和后续代码同时执行；
（4）连接接口的账号
（5）密码

 http.open("get","");

3.发送请求

http.send();

其中send中的参数，当是get请求时括号中不写参数，传递到后台的数据在路径后面以？id=1&name=zzz 形式显示
如果是post请求，则send的括号中要写参数data
4.监听服务器响应状态

  http.onreadystatechange=function (){
  }

服务器响应
其中http.status
返回200 服务器响应成功 500 服务器报错 404 页面丢失
http.readyState
0: 请求未初始化、 1: 服务器连接已建立、2: 请求已接收、3: 请求处理中、4: 请求已完成，且响应已就绪

服务器响应数据
http.response
http.responseText 文本数据
http.responseXML xml数据
5.渲染界面

【原生ajax书写兼容】
（可以不写）

var xmlhttp;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }