Vue-resource 提供了七种请求的方式,分别为 GET、HEAD、DELETE、JSONP、POST、PUT、PATCH。
Vue 的 HTTP 请求库 Vue-resource 支持的其中请求方式,除了 JSONP 以外,另外的六种 API 名称就是标准的 HTTP 方法。
this.$http.reqmethod(url, [options])
参数 | 描述 |
---|---|
$http | 我们引入 Vue-resource 之后,Vue-resource 为我们提供的发送 HTTP 请求的对象。 |
reqmethod | 我们需要请求的方式,即上面的七种方式。 |
options | 请求的可选参数。 |
参数 | 类型 | 说明 |
---|---|---|
url | string | 请求的目标URL |
body | Object , FormData , string |
作为请求体发送的数据 |
headers | Object | 作为请求头部发送的头部对象 |
params | Object | 作为URL参数的参数对象 |
method | string | HTTP方法 (例如GET,POST,…) |
timeout | number | 请求超时(单位:毫秒) (0 表示永不超时) |
before | function(request) | 在请求发送之前修改请求的回调函数 |
progress | function(event) | 用于处理上传进度的回调函数 ProgressEvent |
credentials | boolean | 是否需要出示用于跨站点请求的凭据 |
emulateHTTP | boolean | 是否需要通过设置X-HTTP-Method-Override 头部并且以传统POST方式发送PUT,PATCH和DELETE请求。 |
emulateJSON | boolean | 设置请求体的类型为application/x-www-form-urlencoded |
可以通过如下属性,获取 Vue-resource 请求的响应。
属性 | 类型 | 描述 |
---|---|---|
url | string | 响应的 URL 源 |
body | Object, Blob, string |
响应体数据 |
headers | Header | 请求头部对象 |
ok | boolean | 当 HTTP 响应码为 200 到 299 之间的数值时该值为 true |
status | number | HTTP 响应码 |
statusText | string | HTTP 响应状态 |
可以通过如下方法,获取 Vue-resource 请求的响应。
方法 | 类型 | 描述 |
---|---|---|
text() | 约定值 | 以字符串方式返回响应体 |
json() | 约定值 | 以格式化后的 json 对象方式返回响应体 |
blob() | 约定值 | 以二进制 Blob 对象方式返回响应体 |
Vue-resource 提供了七种请求的方式,分别为 GET、HEAD、DELETE、JSONP、POST、PUT、PATCH。