Vue_异步加载_vue-resource(不再维护)
写在前面:vue-resource可以发送ajax,实现异步加载,但是Vue官方已经不再维护这个库了。
vue-resource依赖于vue,因此要先引入vue,再引入vue-resource。正确引入vue-resource后,再vue全局上会挂载一个$http方法,其上有一系列方法,每个HTTP请求类型都会对应一个方法。且vue-resource使用了promise,所以$http中的方法的返回值是一个promise。
目录
1.请求方法
(1)POST请求
(2)GET请求
(3)PUT请求
(4)PATCH请求
(5)DELETE请求
(6)HEAD请求
(7)JSONP请求
2.响应对象
(1)属性
(2)方法
1.请求方法
(1)POST请求
post请求用于提交数据
常用data格式:
1)表单提交:multiparty / form-data,比较老的网站会使用表单提交去获取数据,现在基本都不会用表单提交,而是使用ajax,但是现在表单提交仍然存在,有时候需要做图片上传、文件上传;
2)文件上传:application / json,现在大多数情况下都是用这个格式。
使用方法:vm.$http.post(url,[body],[options])
1)url:必需,请求目标url;
2)body:非必需,作为请求体发送的数据;
3)options:非必需,作为请求体发送的数据
(2)GET请求
get请求用于获取数据
使用方法:vm.$http.get(url,[options])
(3)PUT请求
put请求用于更新数据,将所有的数据全都推送到后端
使用方法:vm.$http.put(url,[body],[config])
(4)PATCH请求
patch请求用于更新数据,将修改的数据全都推送到后端
使用方法:vm.$http.patch(url,[body],[config])
(5)DELETE请求
delete请求用来删除数据
使用方法:vm.$http.delete(url,[config])
(6)HEAD请求
head请求用来请求头部信心
使用方法:vm.$http.headf(url,[config])
(7)JSONP请求
除了jsonp以外,以上6种的API名称是标准的HTTP方法
使用方法:vm.$http.jsonp(url,[config])
this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {params: {wd: 'nn'},jsonp: 'cb'
}).then(res => {console.log(res)
})
【注】option参数说明
2.响应对象
(1)属性
属性 | 类型 | 描述 |
---|---|---|
url | String | 响应的URL源 |
body | Object,Bolb,string | 响应体数据 |
headers | Header | 请求头部对象 |
ok | Boolean | 当HTTP响应码为200到299之间的数值时该值为true |
status | Number | HTTP响应码 |
statusText | String | HTTP响应状态 |
(2)方法
方法 | 描述 |
---|---|
text() | 以字符串方式返回响应体 |
json() | 以格式化后的json对象方式返回响应体 |
bolb() | 以二进制Bolb对象方式返回响应体 |
this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {params: {wd: 'nn'},jsonp: 'cb'
}).then(res => {return res.text();
}).then(res => {console.log(res)
})
Vue_异步加载_vue-resource(不再维护)相关推荐
- vue 表格中有列需要异步加载_vue.js表格分页,ajax异步加载数据
分页一般和表格一起用,分页链接作为表格的一部分,将分页链接封装成一个独立的组件,然后作为子组件嵌入到表格组件中,这样比较合理. 效果: 代码: 1.注册一个组件 js Vue.component('p ...
- vue 表格中有列需要异步加载_Vue中使用async/await解决异步请求问题
1.async/await场景 用同步的思维来解决异步问题,当前端接口调用需要等到接口返回值以后渲染页面. 2.名词解释 async async的用法,它作为一个关键字放到函数前面,用于表示函数是一个 ...
- Python爬虫 解决异步加载问题--以爬取PEXELS图片为例
第一次尝试爬取->[Python爬虫]爬虫实例:三种方式爬取PEXELS图片 在爬取PEXELS时,遇到了这样问题: 页面使用Ajax的异步加载技术来实现分页,所以通过request.text无 ...
- android webview 图片异步加载,Webview 图片异步加载及bug解决
在项目中新闻显示需要使用图片的异步加载,并且在加载图片前和加载图片失败时显示默认图片. 关于webview中图片的异步加载的思路如下: 方案一:由前端同学全权负责(使用js实现异步加载) 方案二:an ...
- SpiderMan:异步加载,图片爬取,数据库存储,多进程爬虫,IP代理
1,使用API 1.1,API使用方法 API是通过Requests请求和服务端的Response回应来完成API的一次调用,所以用Python语言进行API的调用时,便可以使用Requests库来进 ...
- Android 图片异步加载的体会,SoftReference已经不再适用
在网络上搜索Android图片异步加载的相关文章,目前大部分提到的解决方案,都是采用Map<String, SoftReference<Drawable>> 这样软引用的方式 ...
- Android ListView异步加载图片乱序问题,原因分析及解决方案
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/45586553 在Android所有系统自带的控件当中,ListView这个控件算是 ...
- 玩转代码|异步加载 CSS 的最简单方法
为了提高页面性能和弹性,我们可以做的最有影响力的事情之一:是以不延迟页面呈现的方式加载 CSS.这是因为默认情况下,浏览器会同步加载外部CSS--在下载和解析 CSS 时停止所有页面渲染--这两者都会 ...
- [置顶] 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
转载请注明出处http://blog.csdn.net/xiaanming/article/details/9825113 异步加载图片的例子,网上也比较多,大部分用了HashMap<Strin ...
最新文章
- SDN和OpenFlow的区别—Vecloud微云
- mysql 9.0创建数据库_PHP与MySQL学习笔记9:创建Web数据库
- Page.LoadTemplate的使用
- chromedriver与chrome版本映射表
- CentOS 初体验四: 阿里云服务器开启8080端口
- matplotlib库绘图基础
- android ColorDrawable的使用
- artTemplate的空白输出坑
- Extjs格式化时间
- 函数模板遇上函数重载
- 有什么激励你一辈子的句子?
- android rsa解密前面带乱码,C#rsa解密的解出来的结果乱码
- 1007 素数对猜想(C语言)
- Python 2.7 将在 2020 年终止所有支持!
- VC++ MFC 学习资料
- 伦敦大学计算机研究生雅思要求,伦敦TOP10大学的雅思入学要求来了!
- 【LeetCode】975. Odd Even Jump 解题报告(C++)
- 《一个人的朝圣》的读后感作文3100字
- 哈佛结构和冯诺伊曼结构
- jquery打印html页面自动分页,jQuery打印指定区域Html页面并自动分页
热门文章
- sockaddr与sockaddr_in的区别
- STL 之remove,remove_if,remove_copy,remove_copy_if
- COM编程之二 接口
- C++ COM编程之QueryInterface函数(二)
- 搞懂这些SQL优化技巧,面试横着走
- 介绍两款Docker可视化工具
- 当我们在谈论内存时,我们在谈论什么
- LiveVideoStack主编观察02 / 附赠专属优惠码
- LiveVideoStackCon上海2019音视频技术大会 7折早鸟票最后3天
- Linux 机器 CPU 毛刺问题排查