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

基本语法

必须引入一个库:vue-resource nofollow" target="_blank" href="https://github.com/pagekit/vue-resource/tree/master/docs">github地址

rush:js;"> // 基于全局Vue对象使用http Vue.http.get('/someUrl',[options]).then(successCallback,errorCallback); Vue.http.post('/someUrl',[body],errorCallback);

// 在一个Vue实例内使用$http
this.$http.get('/someUrl',errorCallback);
this.$http.post('/someUrl',errorCallback);

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

  • get(url,[options])
  • head(url,[options])
  • delete(url,[options])
  • jsonp(url,[options])
  • post(url,[options])
  • put(url,[options])
  • patch(url,[options])

Options

Parameterarams方法,例如:'GET','POST'或其他HTTP方法函数,类似于jQuery的beforeSend函数函数

1. 向文本发出get请求

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

rush:js;"> <Meta charset="utf-8">
Box">

上面代码实现了,点击按钮,就发送get请求,成功就会执行弹窗 welcomet to vue!!!

2. 关于向后端请求,并带参数的写法

rush:js;"> <Meta charset="utf-8">
Box">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

可以通过min-width属性来设置el-table-column的最小宽度。以...
yarn dev,当文件变动后,会自动重启。 yanr start不会自动重...
ref 用于创建一个对值的响应式引用。这个值可以是原始值(如...
通过修改 getWK005 函数来实现这一点。这里的 query 参数就是...
&lt;el-form-item label=&quot;入库类型&quot; ...
API 变动 样式类名变化: 一些组件的样式类名有所变动,可能需...
Type Description