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: '',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 = thisthis.$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> -->
相关免费学习推荐:编程视频