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') // 参数