Maison > interface Web > uni-app > Comment uniapp lance-t-il une demande ?

Comment uniapp lance-t-il une demande ?

coldplay.xixi
Libérer: 2023-01-13 00:44:22
original
7017 Les gens l'ont consulté

La méthode permettant à uniapp de lancer une requête : 1. Utilisez la méthode [uniapp.request({})] ; 2. Utilisez la méthode [this.$axios({})], le code est [ this.$axios({ method: 'get',url: this.$api+ '/Test].

Comment uniapp lance-t-il une demande ?

L'environnement d'exploitation de ce tutoriel : système Windows7 , version uni-app2.5.1, ordinateur thinkpad t480

Recommandé (gratuit) : tutoriel de développement uni-app

uniapp lance une requête Méthode :

1 Utilisez la méthode uniapp.request({})

uni.request({
uni.request({
url: this.$api+'/Test/student/test',
header: {
'content-type': 'application/x-www-form-urlencoded' //自定义请求头信息
},
//请求成功后返回
success: (res) => {
// 请求成功之后将数据给Info
if(res.statusCode===200)
{
self.Info = res.data;
}
}
});
Copier après la connexion

2. > méthode this.$axios({})

this.$axios({
method: 'get',
url: this.$api + '/Test/student/test'
// data: {
// userName: 'Lan',
// password: '123'
// },
})
.then(function(res) {
if (res.data.code === 1234) {
self.Info = res.data
}
})
.catch(function(error) {
console.log(error.statusCode)
})
Copier après la connexion

this.a p i , t h i s , this.api, this.axios doivent être enregistrés en tant que variables globales dans main.js

Vue.prototype.$api='http://192.168.2.114:8099'
Vue.prototype.$axios=axios
Copier après la connexion

Exemple de code complet. :


<script>
export default {
data() {
return {
Info: &#39;&#39;,
username: &#39;工程师&#39;,
pwd: &#39;&#39;
}
},
methods: {
getInfo() {
// var self = this;
// uni.request({
// url: this.$api+&#39;/Test/student/test&#39;,
// header: {
// &#39;content-type&#39;: &#39;application/x-www-form-urlencoded&#39; //自定义请求头信息
// },
// //请求成功后返回
// success: (res) => {
// // 请求成功之后将数据给Info
// if(res.statusCode===200)
// {
// self.Info = res.data;
// }
// }
// });
var self = this
this.$axios({
method: &amp;#39;get&amp;#39;,
url: this.$api + &amp;#39;/Test/student/test&amp;#39;
// data: {
// userName: &amp;#39;Lan&amp;#39;,
// password: &amp;#39;123&amp;#39;
// },
})
.then(function(res) {
if (res.data.code === 1234) {
self.Info = res.data
}
})
.catch(function(error) {
console.log(error.statusCode)
})
}
}
}
</script>

Copier après la connexion
Recommandations d'apprentissage gratuites associées :

Vidéos de programmation

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal