一.AJAX介绍:AJAX是一种能请求任意内容并展示的方式例如html能直接在地址栏输入,css使用link标签,js使用script 标签而对于xml,json文件则无法通过某一标签请求并展示。这时采用AJAX就能很好解决这一问题
二.AJAX代码编写
- 创建请求
xhr = new XMLHttpRequest()
2.初始化请求
xhr.open('方法', '/路径')
3.监听请求
xhr.onreadystatechange = () => {
if (xhr.readyState === 4) {
if (xhr.status >= 200 && xhr.status < 300) {
console.log('请求成功,得到内容为:' + xhr.responseText)
} else if (xhr.status >= 400) {
console.log('请求失败,状态码为:' + xhr.status)
}
}
}
4.发送请求
xhr.send()
通过以上步骤便能使用AJAX请求并展示任意内容 不过现实使用我们更常使用封装的AJAX,通过调用它的API使用极为方便
三.1. AJAX 的优缺点
优点:1.可以请求任意内容
2.不用刷新页面
缺点:1.代码难记(通过使用封装好的AJAX解决)
2.不能跨域(反而更安全,小白才认为是缺点)