一. 什么是ajax
AJAX全称(Async Javascript and XML), 即异步的JavaScript 和XML,是一种创建交互式网页应用的网页开发技术,可以在不重新加载整个网页的情况下,与服务器交换数据,并且更新部分网页
二.实现过程
1.创建 Ajax的核心对象 XMLHttpRequest
对象
const xhr = new XMLHttpRequest();
2.通过这个对象的 open()
方法创建HTTP请求,与服务端建立连接
xhr.open(method, url, [async][, user][, password])
- method: 请求方式,常见的有GET、POST
- url: 请求地址
- async: 是否异步,默认为true
- user: [可选]用户名用于认证用途;默认为null
- password: [可选]密码用于认证用途,默认为null
3.通过这个对象的send()
方法向服务端发起请求
xhr.send([body])
-
body: 在 XHR 请求中要发送的数据体,如果不传递数据则为 null
-
如果使用GET请求发送数据的时候,需要注意如下:
- 将请求数据添加到open()方法中的url地址中
- 发送请求数据中的send()方法中参数设置为null
// get请求将请求参数放入url里面
xhr.open('GET',url + '?' + params, true)
xhr.send(null)
4.通过这个对象的onreadystatechange
方法监听服务端的通信状态
主要监听的属性为readyState</