温习日志-18

温习日志

——2023年2月22日晚

学习内容

  • AJAX

    1. 异步JS和XML格式,XML格式已经不常用了,现在主要用JSON格式
  • 第一个AJAX回调__XMLHttpRequest

    1. 通过new创建XMLHttpRequest对象
    2. 通过const request = new XMLHttpRequest(); request.open(指定对服务器的方式, 服务器地址),通常的获取方式有GETPOST
    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对象,状态分为fulfilledrejected

  • Chaining Promises

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

posted @   这样那样如此如此  阅读(11)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示