js ajax实现

ajax是什么

ajax的全称是Asynchronous Javascript And XML（一种异步javascript和xml）

可以用来无序重新加载整个网页的情况下局部刷新网页的数据以及结构。

在JAVAScript中有个对象叫做XMLHttpRquest

这个对象有什么用呢

主要用于和后台与服务器之间交换数据

顾名思义就是用这个对象可以得到或者获取数据库的请求。

XMLHttpRquest的优点

可以再不重新加载页面的情况下更新网页

得到服务器的请求的数据

接受服务器的数据

向后台发送数据

XMLHttpRquest方法：

open（method,url,async,username,passowrd）初始化请求的HTTP方法以及url地址

send(data)发送http请求可以在里面加data数据

getResponseHeader()返回请求的头部

getAllResponseHeaders()返回请求的头部以未解析的字符串方式

setRequestHeader()向有关打开但是没有发送的请求添加一个http请求

使用XMLHttpRquest方法可以实现ajax

  function ajax(method, url, data, fn) {
    let htp = null;
    try {
      htp = new XMLHttpRequest()
    }
    catch (err) {
      htp = new ActiveXObject("Microsoft.XMLHTTP")
    }
    if (method == "get") {
      htp.open(method, url + "?" + data);
      htp.send()
    } else {
      htp.open(method, url);
      htp.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
      htp.send(data)
    }
    htp.onreadystatechange = function () {
      if (htp.readyState == 4 && htp.status == 200) {
        fn(htp.responseText)
      }

    }
  }

以上代码实现了对ajax的封装。