Ajax 简单使用

最新推荐文章于 2024-08-12 22:28:07 发布

Cong Pong

最新推荐文章于 2024-08-12 22:28:07 发布

阅读量57

点赞数

分类专栏：前端文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/CongPong/article/details/126081835

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

Ajax是一种用于创建快速互动网页的技术，它允许在不刷新整个页面的情况下，从服务器获取并更新部分网页内容。通过XMLHttpRequest对象，Ajax实现与服务器的异步通信，简化了用户界面的交互体验。示例中展示了如何使用Ajax进行GET请求，获取数据并进行JSON解析。

摘要由CSDN通过智能技术生成

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

  // 创建 XMLHttpRequest 对象
  const url = 'http://jsonplaceholder.typicode.com/users'
  let xmlhttp
  if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp = new XMLHttpRequest()
  } else { // code for IE6, IE5
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
  }

  // 发送请求
  xmlhttp.open("GET", url, true)
  xmlhttp.send()

  // 服务端响应
  xmlhttp.onreadystatechange = function() {
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          //    console.log(xmlhttp.responseText)
          let obj = JSON.parse(xmlhttp.responseText)
          console.log(obj)
      }
  }