JavaScript Ajax

Ajax

Ajax 是一种不需要刷新网页,利于 JavaScript 提交 HTTP请求 然后改变网页显示状态的技术。

我们常见到的一个功能 点击加载更多。它的实现过程就是利于了 Ajax 从服务端获取到数据,然后用 DOM 技术把数据插入在文档中,整个过程我们的网页都不需要刷新,从而节约了很多请求资源。

JavaScript 操作 Ajax,依靠的是浏览器提供的 XMLHttpRequest 对象


XMLHttpRequest

// 封装
var request = new XMLHttpRequest()

request.onreadystatechange = function () { // 回调
 if (request.readyState === 4) { // 成功
  if (request.status == 200) { 
   console.log(request.responseText) // 服务器响应内容
  } else {
   console.log(request.status)
  }
 }
}

// GET 请求
request.open('GET','https://www.jmjc.tech')
request.send()

// POST 请求
request.open('POST','https://www.jmjc.tech')
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
request.send('key=value') // 参数
JavaScript 教程 JavaScript 运行 JavaScript 迭代 JavaScript 异常处理 JavaScript 事件