原生ajax调用接口方法
ajax是一种异步通信的方法,从服务端获取数据,达到局部刷新页面的效果。 过程:
- 创建
XMLHttpRequest
对象; - 调用
open
方法传入三个参数 请求方式(GET/POST)、url、同步异步(true/false)
; - 监听
onreadystatechange
事件,当readystate
等于4时返回responseText
; - 调用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 // 返回的数据 } }