Vue2学习笔记之请求数据交互vue

网友投稿 231 2023-06-08


Vue2学习笔记之请求数据交互vue

基本语法

必须引入一个库:vue-resource github地址

// 基于全局Vue对象使用http

Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);

Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

// 在一个Vue实例内使用$http

this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);

this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

vue-resource的请求API是按照REST风格设计的,它提供了7种请求API:

get(url, [options])

head(url, [options])

delete(url, [options])

jsonp(url, [options])

post(url, [body], [options])

put(url, [body], [options])

patch(url, [body], [options])

Options

Parameter

Type

Description

url

string

请求的UR

body

Object, FormData, string

request body

headers

Object

request header

params

Object

请求的URL参数对象

method

string

请求的HTTP方法,例如:'GET', 'POST'或其他HTTP方法

timeout

number

单位为毫秒的请求超时时间 (0 表示无超时时间)

before

function(request)

请求发送前的处理函数,类似于jquery的beforeSend函数

progress

function(event)

BIVhIjzoWLProgressEvent回调处理函数

credentials

boolean

表示跨域请求时是否需要使用凭证

emulateHTTP

boolean

发送PUT, PATCH, DELETE请求时以HTTP POST的方式发送,并设置请求头的X-HTTP-Method-Override

emulateJSON

boolean

将request body以application/x-www-form-urlencoded content type发送

1. 向文本发出get请求

准备一个1.txt 的文本数据,时面的内容是:welcomet to vue!!!

<head>


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序 开发之顶部导航栏实例代码
下一篇:java自定义实现base64编码转换
相关文章

 发表评论

暂时没有评论,来抢沙发吧~