美文网首页IT@程序员猿媛
vue-resource中的Promise对象

vue-resource中的Promise对象

作者: 勿念及时雨 | 来源:发表于2019-04-21 23:42 被阅读1次

vue-resource基本HTTP调用和RESTful调用action方法执行后都会返回一个Promise对象,该Promise对象提供了then、catch、finally等常用方法来注册回调函数。代码示例如下:

var promise=this.$http.post(
  'http://example.com/book/create',
  //请求体中要发送给服务端的数据
  {
    cat:'1',
    name:'network'
  },
  {
    'headers':{
      'Content-Type':'x-www-form-urlencoded'
    }
  }
)
promise.then(function(response){
  //成功回调
  console.log(response.data)
},function(response){
  //失败回调
  console.log('something wrong')
})
promise.catch(function(response){
  //失败回调
  console.log('something wrong')
})
promise.finally(function(){
  //执行完成功或者失败回调后都会执行此逻辑
})

注:所有回调函数的this都指向组件实例。

相关文章

  • vue-resource中的Promise对象

    vue-resource基本HTTP调用和RESTful调用action方法执行后都会返回一个Promise对象,...

  • 《JS原理、方法与实践》- ES6新增对象(下篇)

    异步处理(Promise) ES2015中新增的Promise对象专门用于处理异步。Promise对象使用then...

  • Promise

    Promise对象就是一个异步请求占位符对象 把异步请求封装在Promise对象中,Promise的构造函数传入一...

  • promise

    promise是什么 promise是一个对象“承诺将来会执行”的对象在JavaScript中称为Promise对...

  • Promise使用详解

    Promise的使用 1.promise对象 Promise是个对象,在对象构造中传入回调,回调有两个参数一个re...

  • Promise then方法的链式调用

    返回的是非promise对象 优化:可能返回promise对象和非promise对象

  • Promise.finally、Promise.all、Prom

    Promise原型对象上的方法 Promise构造函数中定义的方法 1. Promise.prototype.fi...

  • Promise,async,await笔记

    Promise,async,await笔记 Promise 创建promise对象 Promise对象构造方法传入...

  • vue-resource

    vue-resource vue-resource是一个通过XMLHttpRequest对象或jsonp技术获取服...

  • Promise用法详解

    首先,Promise是一个对象,有then()方法的对象。then()的入参是一个函数,通常在promise链中,...

网友评论

    本文标题:vue-resource中的Promise对象

    本文链接:https://www.haomeiwen.com/subject/bvosgqtx.html