resource处理动态数据交互
来源:互联网 发布:胡琳 知乎 编辑:程序博客网 时间:2024/05/16 07:24
vue在进行动态数据交互时需要借助vue-resource模块中的$http。所以需要引用vue-resource.js和vue.js
语法:
get 请求: 语法: this.$http.get('url',{参数列表}).then(function(res){ 处理请求成功的情况 res 是请求回来的数据,(。。。) }, function(res){ 处理请求失败的情况 }); post 请求: 语法: this.$http.post('url',{参数列表},{emulateJSON:true}).then(function(res){ 请求成功 }. function(res){ 请求失败 }) jsonp 请求 语法:this.$http.jsonp('url',{参数列表},{emulateJSON:true}).then(function(res){ 处理请求成功 },function(res){ 处理请求失败 })
get请求一个纯文本文件时:
this.$http.get(X.txt).then( function(res){ console.log(res.data) //请求成功的情况 res.data:需要的数据 res.status:状态码 }, function(res){ //请求失败的情况 如果只传入一个function时,即只处理请求成功的情况 console.log(res.tatus) } )
有参的get请求:
this.$http.get('接口',{ params:{ user:zhangsan,psd:123 } }).then( function(res){//处理请求成功的回调函数}, function(res){//处理请求失败的回调函数}, )
post请求:
this.$http.post('接口',{ user:zhangsan,psd:123 },{ emulateJSON: true }).then( // 服务器不接收application/json的数据 function(res){//处理请求成功的回调函数}, function(res){//处理请求失败的回调函数}, )
跨域请求jsonp :
this.$http.jsonp('域名',{ params:{ wd=11 } }).then( function(res){//处理请求成功的回调函数}, function(res){//处理请求失败的回调函数},)
0 0
- resource处理动态数据交互
- 数据交互vue-resource
- 第十一讲 $resource 数据交互插件
- AngularJs $resource 高大上的数据交互
- 使用vue-resource进行数据交互
- 使用vue-resource进行数据交互
- 使用vue-resource进行数据交互
- vue-Resource(与后端数据交互)
- echarts 动态数据交互实例
- echarts 动态数据交互实例
- vue与后端数据交互(ajax):vue-resource
- vue与后端数据交互(ajax):vue-resource
- AppDomain 动态加载及数据交互
- vue-resource交互写法
- ajax与处理程序ashx数据交互
- 动态SQL 处理BLOB数据
- 动态1Controller处理数据
- FLex中Tree与JavaScript交互动态加载数据
- Android知识杂烩总结(一)
- 挑剔的小杜
- Opencv:IplImage*转Mat后的内存泄露问题
- Poedu_C_Lesson02_2_2017-4-21
- Mac下安装配置Homebrew图文教程
- resource处理动态数据交互
- k8s安装
- 【laravel】laravel的下载&安装
- 算法/动态规划/LongestCommonSubstring最长公共子串问题
- 根据先序遍历和中序遍历,打印层序遍历
- DOM对象
- H5基础知识第六课时(CSS)1
- SSL 2289——庆功会
- Logback和Logstash的集成