AJax技术

Vue.js学习系列(3)

字号+ 作者:H5之家 来源:H5之家 2017-06-18 12:01 我要评论( )

当我们ajax获取数据成功后会返回一个response对象,它包含了以下内容: { // `data` is the response that was provided by the server data: {}, // `status` is the HTTP status code from the server response s

当我们ajax获取数据成功后会返回一个response对象,它包含了以下内容:

{ // `data` is the response that was provided by the server data: {}, // `status` is the HTTP status code from the server response status: 200, // `statusText` is the HTTP status message from the server response statusText: 'OK', // `headers` the headers that the server responded with headers: {}, // `config` is the config that was provided to `axios` for the request config: {} }

response是通过promise的then方法来获取,具体使用方法如下:

axios.get('/user/12345') .then(function(response) { console.log(response.data); console.log(response.status); console.log(response.statusText); console.log(response.headers); console.log(response.config); });

相对的,我们有时也会出现ajax报错,此时就会到我们的catch中去捕获异常error对象。

为何放弃vue-resource

尤大的原话:

最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果,vue-resource 提供的价值和其维护成本相比并不划算,所以决定在不久以后取消对 vue-resource 的官方推荐。已有的用户可以继续使用,但以后不再把 vue-resource 作为官方的 ajax 方案。
知乎链接:https://www.zhihu.com/question/52418455/answer/130535375

Vue.js学习系列

作者最近正在恶补Vue的各种知识,希望能够系统的掌握Vue的开发知识。有兴趣的同学可以查看之前发布的文章:
Vue.js学习系列一 —— vue-router2学习实践笔记(附DEMO)
Vue.js学习系列二 —— vuex学习实践笔记(附DEMO)
Vue.js学习系列三——axios和网络传输相关知识的学习实践
Vue.js学习系列四——Webpack打包工具的使用
Vue.js学习系列五 —— 从VUE-CLI来聊聊ESLint
Vue.js学习系列六——Vue单元测试Karma+Mocha学习笔记

Vue.js学习系列项目地址(项目暂时有点乱,之后会进行整理优化。)

本文源码已收入到GitHub中,以供参考,当然能留下一个star更好啦^-^。
https://github.com/violetjack/VueStudyDemos

关于作者

VioletJack,移动、前端工程师,两年移动端工作经验、一年前端工作经验。现专注于移动前端的学习和开发。擅长Android开发和Vue前端开发。会定期产出关于Android、Vue、移动前端相关的博文。欢迎大家关注我,我会用心维护和经营好博客,多产出高质量文章。同时也希望我所写的东西可以帮到有需要的朋友。
新浪微博:
掘金:https://gold.xitu.io/user/571d953d39b0570068145cd1
CSDN:
简书:
Github: https://github.com/violetjack

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 前端学习1——Bootstrap jquery ajax

    前端学习1——Bootstrap jquery ajax

    2017-06-17 16:06

  • 学习ashx文件获取$.ajax()方法发送的数据

    学习ashx文件获取$.ajax()方法发送的数据

    2017-06-15 13:02

  • 学习JavaScript设计模式之状态模式

    学习JavaScript设计模式之状态模式

    2017-06-14 18:00

  • ASP.NET MVC学习之Ajax(完结) - y-z-f

    ASP.NET MVC学习之Ajax(完结) - y-z-f

    2017-06-14 18:01

网友点评
/