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!