原生ajax调用接口方法


ajax是一种异步通信的方法,从服务端获取数据,达到局部刷新页面的效果。 过程:

  1. 创建XMLHttpRequest对象;
  2. 调用open方法传入三个参数 请求方式(GET/POST)、url、同步异步(true/false);
  3. 监听onreadystatechange事件,当readystate等于4时返回responseText;
  4. 调用send方法传递参数。

如:

    // 前两行不重要,为业务中获取数据的代码

    let token = localStorage.getItem('accessToken')
    let Authorization = 'bearer '.concat(token)
    
    let xhr = new XMLHttpRequest();
    xhr.open('GET', '/api/hb/iess/vEquipParam', true);
    xhr.setRequestHeader("Authorization", Authorization);      // 设置请求头
    xhr.send()
    xhr.onload = () => {/*设置当获XHR对象获取到返回信息后执行以下代码*/
      console.log("获取信息状态", xhr)
      if(xhr.status == 200) {/*如果返回的状态为200,即为成功获取数据*/
        let response = JSON.parse(xhr.response)
        let data = response.data      // 返回的数据
      }
    }