ajax请求
Ajax，作为前后端交互的重要桥梁，并非单一技术，而是一组技术的巧妙组合。
Ajax的构成元素包括：
- 异步的JavaScript事件
- 其他JavaScript（用于处理解析数据）
- XMLHttpRequest对象
借助Ajax，我们能在无需刷新整个页面的情况下，实现网页的异步更新。与之相对，传统的网页若需更新内容，则必须重新加载整个页面。
Ajax请求的原理可概括为：创建一个网络请求对象，发送连接请求，传输请求数据，检查网络请求对象的状态。若响应成功，浏览器将接收返回数据并更新网页。接下来，我们将详细探讨XMLHttpRequest对象的创建及其方法。
XMLHttpRequest对象，作为后台与服务器之间数据交换的纽带，使得部分内容或数据的更新成为可能，而无需重新加载整个网页。现代浏览器普遍支持此对象，但低版本的IE浏览器除外。为确保兼容性，我们需在创建对象时考虑不同浏览器的特性。
关于对象的详细操作与方法
3.1 open()
此方法用于设置请求类型、请求接口及是否进行异步处理。
使用语法：open(method, url, async)
- method：用于设置网络请求的类型，常见的有get和post。
- url：指定请求的接口地址，即服务器的地址。
- async：设置为true表示请求以异步方式进行，false则表示同步。
3.2 send()
此方法用于将请求发送至服务器。
使用语法：send(string)
- string：仅在请求方式为post时使用，表示发送至服务器的数据。数据需采用键值对格式，如："name=jack&pwd=1234"
当使用不同的发送方式时，数据的添加方式也会有所不同。接下来，我们将分别介绍get和post方式下数据的发送方式。
3.3 提交方式
- 使用get方式提交
在使用get方式发送请求时，需通过url传递后台所需的数据。多个参数间使用&符号连接。
- 使用post方式提交
当使用post方式发送请求时，利用send方法传输数据。有时需设定数据格式，类似于表单操作，此时可通过setRequestHeader方法设置发送的数据格式。
Content-type常见类型
- text/plain：纯文本格式，较少使用。
- application/x-www-form-urlencoded：键值对格式传值，多个参数间使用&连接。
- multipart/form-data：定界符分隔各个数据，常用于文件上传。
XMLHttpRequest对象的readyState属性反映了其状态变化，其值从0至4代表不同阶段的意义。
- 0：请求初始化阶段
- 1：已连接到服务器
- 2：send方法已被调用
- 3：仅接收了响应头部分
- 4：接收了完整的响应体信息
当readyState的值发生变化时，会触发onreadystatechange事件。当其值为4时，表示网络请求响应完毕，此时可以获取返回的值并对网页进行相应的结果展示。
为了获取服务器返回的信息并展示在网页上，我们通常使用XMLHttpRequest对象的responseText或responseXML属性。
responseText——获取到的信息为字符串格式，可直接使用无需转换。
responseXML——获取到的信息为XML格式。使用时需进行解析。目前，json已成为其主要替代品，因此只需了解即可。
