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 // 返回的数据 } }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律