随笔 - 114,  文章 - 0,  评论 - 0,  阅读 - 70373

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      // 返回的数据
      }
    }
复制代码

 

posted on   occc  阅读(613)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示