温习日志-18

温习日志

——2023年2月22日晚

学习内容

• AJAX

  1. 异步JS和XML格式，XML格式已经不常用了，现在主要用JSON格式

• 第一个AJAX回调__XMLHttpRequest

  1. 通过new创建XMLHttpRequest对象
  2. 通过const request = new XMLHttpRequest(); request.open(指定对服务器的方式, 服务器地址),通常的获取方式有GET、POST等
  3. 通过request.send()方式,发送GET请求返回JSON数据到request中
  4. 我们可以通过添加监听事件load，当读取结束后就可以访问数据，从而实现异步编程
  5. 对返回的数据进行JSON.parse(request.responseText)，解析JSON数据
  6. 在监听事件中的this就是监听的对象

• Welcome to Callback Hell

  1.对于这种老式的请求回调，如果进行多次的数据的嵌套请求回调，就会造成回调地狱

• Promises and the Fetch API

​ 1.当进行Fetch请求就会返回promise对象，状态分为fulfilled和rejected

• Chaining Promises

  1. 对于Fetch请求可以使用then方法，在获取到数据后，then方法中的回调函数会对数据进行处理
  2. then方法接受两个回调函数，一个是成功时调用，一个是失败是调用
  3. 对于数据返回的是JSON格式，Fetch方法有内置解析JSON格式的方法，res.json()
  4. res.json()也是异步的，所以可以使用then方法，进行处理
  5. 对于报错的有专属的catch方法，当链式中有错误时会捕获错误
  6. 还有finally方法，无论成功或者失败都会执行
  7. 对于请求中，状态码404和402，catch方法是不会捕获到，通过请求返回的response中的ok判断是否请求失败

• 练习1，详见于代码中

  ​