AJAX&Json

------------恢复内容开始------------

AJAX：Asynchronous JavaScript and XML

• AJAX以异步的方式向服务器提交请求
• 它能够在不更新整个页面的前提下维护数据
• 它的出现促进了前后端的分离、大大提高了前端工程师的工作地位

先来想一下客户端（浏览器）向服务器提交请求的方式：

1. 再地址栏输入URL,回车
2. 提交表单(Form)
3. window.location.href = URL 相当于第一种

以上三种方式都会修改浏览器的地址栏，他们共同的特点：

1. 都会修改浏览器的地址栏
2. 都是同步请求
3. 服务器返回的数据会直接覆盖之前的整个网页，也就是JSP

主要是理解什么是异步请求？跟同步请求有什么区别？

虽然AJAX的名称中包含了XML，但是也可以使用JSON数据格式，也支持文件上传、文件下载等

function get() {
  const xhr = new XMLHttpRequest()
  xhr.open('GET', 'http://localhost:8080/tc/test?name=mj')
  xhr.responseType = 'json'
  xhr.send()
  xhr.onload = function () {
    if (xhr.status !== 200) return
    console.log(xhr.response)
 }
}