es7如何使用await发送请求

简介: es7如何使用await发送请求
handleLogin() {
      this.$http.post("login", this.formLabelAlign).then(res => {
        const {
          data,
          meta: { msg, status }
        } = res.data;
        if (status === 200) {
          this.$message({
            showClose: true,
            message: msg,
            type: "success"
          });
          this.$router.push({ name: "home" });
        } else {
          this.$message({
            showClose: true,
            message: msg,
            type: "error"
          });
        }
      });
    }


用await的方式


简记在函数的前面使用async


在请求时,使用await。然后用一个变量进行接收哈。


async handleLogin() {
      const res = await this.$http.post("login", this.formLabelAlign);
      const {
        data,
        meta: { msg, status }
      } = res.data;
      if (status === 200) {
        this.$message({
          showClose: true,
          message: msg,
          type: "success"
        });
        this.$router.push({ name: "home" });
      } else {
        this.$message({
          showClose: true,
          message: msg,
          type: "error"
        });
      }
    }
相关文章
|
12天前
|
API
使用axios发送请求的格式是什么?示例代码
使用axios发送请求的格式是什么?示例代码
12 0
|
Python
Python 技术篇-httpClient库连接服务器发送请求解析响应实例演示,No module named ‘httplib‘问题解决方法
Python 技术篇-httpClient库连接服务器发送请求解析响应实例演示,No module named ‘httplib‘问题解决方法
429 0
|
1月前
|
前端开发 JavaScript API
|
1月前
|
前端开发 JavaScript
解决Ajax发送DELETE请求时后台无法接收到参数的问题(Restful风格)
解决Ajax发送DELETE请求时后台无法接收到参数的问题(Restful风格)
80 0
|
8月前
|
存储 前端开发
Angular HTTPClient 发送请求的触发方式讨论
Angular HTTPClient 发送请求的触发方式讨论
36 0
|
9月前
|
JavaScript
使用 RxJS timeout 操作符给 Angular SSR 服务器端渲染模式下的 HTTP 请求添加超时机制
使用 RxJS timeout 操作符给 Angular SSR 服务器端渲染模式下的 HTTP 请求添加超时机制
75 0
|
10月前
|
JavaScript 前端开发 API
axios如何取消请求,其原理是什么?
axios如何取消请求,其原理是什么?
319 0
|
10月前
|
小程序 前端开发 JavaScript
小程序request请求回调函数异步的解决办法
小程序request请求回调函数异步的解决办法
210 0
axios发送请求几种方式
axios发送请求几种方式
145 0
|
前端开发
前后端交互的五种方式-fetch-xhr区别
简单的总结下前端的请求方式
191 0

热门文章

最新文章