vue怎麼和後端交互

vue與後端互動的方法：1、使用【$http.get()】方法實作互動；2、使用【$http.post()】方法實現交互作用；3、使用【$http .jsonp()】方法實現交互作用。

 Vue.js（讀音 /vjuː/, 類似 view）是一個建構資料驅動的 web 介面的漸進式框架。 Vue.js 的目標是透過盡可能簡單的 API 實現回應的資料綁定和組合的視圖元件。它不僅易於上手，還便於與第三方函式庫或既有專案整合。

怎麼實作vue.js的前後端互動呢？

1. 使用$http.get()方法

取得一個普通的文字資料

this.$http.get('a.txt').then(function(res){
    alert(res.data);
},function(res){
    alert(res.status);
});

傳送資料到伺服器（此時需要為get方法傳遞第二個參數{a:1, b:2} , 即要傳送的資料）

this.$http.get('a.php', {
    a: 1,
    b: 2
}).then(function(res) {
    alert(res.data);
}, function(res) {
    alert(res.status);
});

#2. 使用$http.post()方法

此時需要為post方法傳遞第三個參數{emulateJSON: true}

this.$http.post('a.php', {
    a: 1,
    b: 2
}, {
    emulateJSON: true
}).then(function(res) {
    alert(res.data);
}, function(res) {
    alert(res.status);
});

3. 使用$http.jsonp()方法

存取360搜尋介面

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

存取baidu搜尋介面

this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {
    params: {
        wd: 'a'
    },
    jsonp: 'cb'
}).then(function(res) {
    alert(res.data.s);
}, function(res) {
    alert(res.status);
});

以上是vue怎麼和後端交互的詳細內容。更多資訊請關注PHP中文網其他相關文章！