1-2交互 vue-resouce

来源：互联网发布：c语言volatile的作用编辑：程序博客网时间：2024/06/06 19:10

vue交互方式

get

get交互如下所示：两个方法，一个成功，一个失败。

methods:{    get: function () {        this.$http.get('1-1.html').then(function (res) {  res是一个对象，里面包含状态码，包含数据            console.log(res.data);        }, function () {            console.log(2)        })    }}

与服务器做交互：

methods:{    get: function () {        this.$http.get('a.php',{            a:1,b:2    //后面是发送给服务器的参数        }).then(function (res) {            console.log(res.data);        }, function () {            console.log(2)        })    }}

post

methods:{    get: function () {        this.$http.post('a.php',{            a:1,b:2        },{            emulateJSON:true   //post提交需要写一个这样的声明        }).then(function (res) {            console.log(res.data);        }, function () {            console.log(2)        })    }}

jsonp

接口

https://sug.so.360.cn/suggest?callback=suggest_so&word=a

<input type="button" value="按钮" @click="get()">

methods:{    get: function () {        this.$http.jsonp('https://sug.so.360.cn/suggest',{            word:'a'        },{                    }).then(function (res) {            console.log(res.data.s);        }, function (res) {            console.log(res.status);        });    }}

0 0