Wie Vue mit dem Backend interagiert

Methoden für die Interaktion zwischen Vue und dem Backend: 1. Verwenden Sie die Methode [$http.get()], um eine Interaktion zu erreichen. 2. Verwenden Sie die Methode [$http.post()], um eine Interaktion zu erreichen . Verwenden Sie die Methode [$http .jsonp()], um eine Interaktion zu erreichen.

Vue.js (ausgesprochen /vjuː/, ähnlich wie view) ist ein fortschrittliches Framework zum Erstellen datengesteuerter Webschnittstellen. Das Ziel von Vue.js besteht darin, eine reaktionsfähige Datenbindung und zusammengesetzte Ansichtskomponenten mit einer möglichst einfachen API zu ermöglichen. Der Einstieg ist nicht nur einfach, sondern auch die Integration in Bibliotheken von Drittanbietern oder bestehende Projekte ist einfach.

Wie realisiert man die Front-End- und Back-End-Interaktion von vue.js?

1. Verwenden Sie die $http.get()-Methode

, um normale Textdaten

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

abzurufen, um Daten an die zu senden Server (Sie müssen den zweiten Parameter {a:1, b:2} an die get-Methode übergeben, die die zu sendenden Daten sind)

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

2. Verwenden Sie $http.post ()-Methode

Zu diesem Zeitpunkt müssen Sie den dritten Parameter {emulateJSON: true} an die Post-Methode übergeben

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

3. Verwenden Sie $http.jsonp ()-Methode

Besuchen Sie die 360-Suchoberfläche

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

Besuchen Sie die Baidu-Suchoberfläche

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);
});

Das obige ist der detaillierte Inhalt vonWie Vue mit dem Backend interagiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!