AJAX

58 阅读1分钟

一.AJAX介绍:AJAX是一种能请求任意内容并展示的方式例如html能直接在地址栏输入,css使用link标签,js使用script 标签而对于xml,json文件则无法通过某一标签请求并展示。这时采用AJAX就能很好解决这一问题

image.png

image.png 二.AJAX代码编写

  1. 创建请求
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.不能跨域(反而更安全,小白才认为是缺点)