Comment vue interagit avec le backend

Méthodes d'interaction entre Vue et le backend : 1. Utilisez la méthode [$http.get()] pour obtenir une interaction ; 2. Utilisez la méthode [$http.post()] pour obtenir une interaction ; . Utilisez la méthode [$http .jsonp()] pour obtenir une interaction.

Vue.js (prononcé /vjuː/, similaire à view) est un framework progressif pour la création d'interfaces Web basées sur les données. L'objectif de Vue.js est de permettre une liaison de données réactive et des composants de vue composés avec l'API la plus simple possible. Non seulement il est facile de démarrer, mais il est également facile de l'intégrer à des bibliothèques tierces ou à des projets existants.

Comment réaliser l'interaction front-end et back-end de vue.js ?

1. Utilisez la méthode $http.get()

pour obtenir des données texte ordinaires

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

pour envoyer des données au serveur (vous devez transmettre le deuxième paramètre {a:1, b:2} à la méthode get, qui correspond aux données à envoyer)

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

2 Utilisez le $http.post. ()

À ce stade, vous devez transmettre le troisième paramètre {emulateJSON: true} à la méthode post

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

3. Utilisez le $http.jsonp. () méthode

Visitez l'interface de recherche 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);
});

Visitez l'interface de recherche 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);
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!