温习日志-18
温习日志
——2023年2月22日晚
学习内容
-
AJAX
- 异步JS和XML格式,XML格式已经不常用了,现在主要用JSON格式
-
第一个AJAX回调__XMLHttpRequest
- 通过
new
创建XMLHttpRequest
对象 - 通过
const request = new XMLHttpRequest(); request.open(指定对服务器的方式, 服务器地址)
,通常的获取方式有GET
、POST
等 - 通过
request.send()
方式,发送GET
请求返回JSON数据到request
中 - 我们可以通过添加监听事件
load
,当读取结束后就可以访问数据,从而实现异步编程 - 对返回的数据进行
JSON.parse(request.responseText)
,解析JSON数据 - 在监听事件中的
this
就是监听的对象
- 通过
-
Welcome to Callback Hell
1.对于这种老式的请求回调,如果进行多次的数据的嵌套请求回调,就会造成回调地狱
-
Promises and the Fetch API
1.当进行Fetch
请求就会返回promise
对象,状态分为fulfilled
和rejected
-
Chaining Promises
- 对于
Fetch
请求可以使用then
方法,在获取到数据后,then
方法中的回调函数会对数据进行处理 then
方法接受两个回调函数,一个是成功时调用,一个是失败是调用- 对于数据返回的是JSON格式,
Fetch
方法有内置解析JSON格式的方法,res.json()
res.json()
也是异步的,所以可以使用then
方法,进行处理- 对于报错的有专属的
catch
方法,当链式中有错误时会捕获错误 - 还有
finally
方法,无论成功或者失败都会执行 - 对于请求中,状态码
404
和402
,catch
方法是不会捕获到,通过请求返回的response
中的ok
判断是否请求失败
- 对于
-
练习1,详见于代码中
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步