素材巴巴 > 程序开发 >

async await:发送Ajax请求

程序开发 2023-09-06 23:10:16

async函数

    async关键字用于修饰函数,async函数的返回值为Promise对象,这个promise对象的结果,由async函数执行的返回值决定。
        (1)async函数的返回值为普通类型,那么对应的Promise对象的状态为成功。


 

在这里插入图片描述
        (2)async函数的返回值为Promise对象,那么返回的Promise对象的状态由这个返回值决定。


 

在这里插入图片描述
        (3)async函数通过throw语句抛出异常,那么返回的Promise对象的状态恒定为失败。


 

在这里插入图片描述

await表达式

    await关键字用于修饰一个表达式,该表达式被称为:“await表达式”。
    await表达式的右侧语句一般对应一个Promise对象,但是并不是固定的,也可以是其它类型的值。
    await表达式返回的一般都是值,而非promise对象。
        (1)若await关键字右侧为Promise对象,那么await表达式返回的就是Promise成功的值;


 

在这里插入图片描述
        (2)若await关键字右侧是其它值,那么会直接将此值作为await的返回值。


 

在这里插入图片描述

        (3)此外,await表达式必须写在async函数中,否则会报错;如果await关键字右侧promise对象是失败的,那么可以使用try…catch…语句块中进行捕获处理。
在这里插入图片描述


 

在这里插入图片描述

async+await:发送Ajax请求,解析数据

    后端接口URL:http://localhost:8011/pg_demo/distract/GET/distract,返回数据内容截图如下,
在这里插入图片描述    下面,使用async和await表达式,向后端发送Ajax数据请求,获取接口数据(其中跨域问题已经在后端配置,可参考:《SpringBoot-跨域访问3种配置方式》),示例代码如下,
在这里插入图片描述


 Document
 
 
 
 

    点击按钮之后,控制台打印的返回数据内容如下,
在这里插入图片描述


标签:

上一篇: vue 和 react 区别的详细介绍 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。