实现网页与服务器之间的数据交互之Ajax进阶篇

最新推荐文章于 2023-04-01 22:00:38 发布

实习期小潘

最新推荐文章于 2023-04-01 22:00:38 发布

阅读量659

点赞数 3

分类专栏：笔记文章标签： ajax 交互前端

本文链接：https://blog.youkuaiyun.com/m0_60264901/article/details/123149976

版权

本文深入探讨Ajax的进阶使用，包括XMLHttpRequest对象的基本操作，如GET和POST请求，查询字符串，URL编码解码，以及XMLHttpRequest Level2的新特性。此外，还介绍了流行的axios库及其在GET和POST请求中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

接上一篇Ajax篇

实现网页与服务器之间的数据交互之Ajax篇_m0_60264901的博客-优快云博客Ajax篇~https://blog.youkuaiyun.com/m0_60264901/article/details/123089884?spm=1001.2014.3001.5501

通过上一次的学习总结，这次就要进行学习Ajax的进阶篇！

Ajax进阶篇

<body>
  <script>
    // 1. 创建 XHR 对象
    var xhr = new XMLHttpRequest()
    // 2. 调用 open 函数
    xhr.open('GET', 'http://www.liulongbin.top:3006/api/getbooks')
    // 3. 调用 send 函数
    xhr.send()
    // 4. 监听 onreadystatechange 事件
    xhr.onreadystatechange = function () {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 获取服务器响应的数据
        console.log(xhr.responseText)
      }
    }
  </script>
</body>