Maison  >  Article  >  Comment vue interagit avec le backend

Comment vue interagit avec le backend

anonymity
anonymityoriginal
2019-05-07 10:05:5930632parcourir

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.

Comment vue interagit avec le backend

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn