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(functionres){                请求成功            }. function(res){                请求失败            })        jsonp 请求            语法:this.$http.jsonp('url',{参数列表},{emulateJSON:true}).then(functionres){                处理请求成功            },functionres){                处理请求失败            })

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
原创粉丝点击