uniapp怎么发起请求-uni-app-PHP中文网

uniapp怎么发起请求

coldplay.xixi

发布： 2023-01-13 00:44:22

原创

7016 人浏览过

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

uniapp怎么发起请求

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

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

uniapp发起请求的方法：

1、使用uniapp.request({})方法

uni.request({
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;
}
}
});

登录后复制

2、使用this.$axios({})方法

this.$axios({
method: &#39;get&#39;,
url: this.$api + &#39;/Test/student/test&#39;
// data: {
// userName: &#39;Lan&#39;,
// password: &#39;123&#39;
// },
})
.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=&#39;http://192.168.2.114:8099&#39;
Vue.prototype.$axios=axios

登录后复制

完整示例代码：


<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>

登录后复制

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

以上是uniapp怎么发起请求的详细内容。更多信息请关注PHP中文网其他相关文章！