PHP前端开发

uniapp怎么发起请求

百变鹏仔 4周前 (11-21) #uniapp
文章标签 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) => {// 请求成功之后将数据给Infoif(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><span>用户名:</span><input><view><button>测试</button>{{ Info }}</view></view></template><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 = thisthis.$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)})}}}</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> -->

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