脚本宝典收集整理的这篇文章主要介绍了uniapp怎么发起请求，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

uniapp发起请求的方法：1、使用【uniapp.request({})】方法；2、使用【this.$axios({})】方法，代码为【this.$axios({method: 'get',url: this.$api+ '/test】。

本教程操作环境：windows7系统、uni-app2.5.1版本、ThinkPad t480电脑。

推荐（免费）：uni-app开发教程

uniapp发起请求的方法：

1、使用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;
}
}
});

2、使用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)
})

this.a p i ， t h i s . api，this.api，this.axios要在main.js当中注册为全局变量

Vue.PRototype.$api='http://192.168.2.114:8099'
Vue.prototype.$axios=axios

完整示例代码：

<template>
<view class="content">
<span>用户名:</span>
<input class="username" type="text" :value="username" placeholder="请输入用户名" />
<view class="">
<button type="default" @click="getInfo()">测试</button>
{{ Info }}
</view>
</view>
</template>
<script>
export default {
data() {
return {
Info: '',
username: '工程师',
pwd: ''
}
},
methods: {
getInfo() {
// VAR self = this;
// 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;
// }
// }
// });
var self = this
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)
})
}
}
}
</script>
<style>
.span {
width: 30px;
}
.username {
border-radius: 10px;
border: 2rpx solid #007aff;
width: 80px;
padding: 10px;
}
</style>
<!-- <template>
<p>用户名：</p>
<input type="text" placeholder="请输入用户名" value=""/>
</template>
<script></script>
<style></style> -->

相关免费学习推荐：编程视频

以上就是uniapp怎么发起请求的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的uniapp怎么发起请求全部内容，希望文章能够帮你解决uniapp怎么发起请求所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。