uniapp怎么发起请求

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+'/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

登录后复制

完整示例代码:

用户名:{{ Info }}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)})}}}.span {width: 30px;}.username {border-radius: 10px;border: 2rpx solid #007aff;width: 80px;padding: 10px;}<!-- 

用户名:

-->

登录后复制

相关免费学习推荐:uni-app开发教程

以上就是uniapp怎么发起请求的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3031955.html

(0)
上一篇 2025年3月13日 08:40:11
下一篇 2025年3月1日 21:49:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • uniapp swiper组件如何禁止滑动

    uniapp swiper组件禁止滑动的方法:1、在【swiper-item】增加一个方法,代码为【】;2、js方法实现返回false。 本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。 …

    2025年3月13日
    200
  • uniapp如何实现跳转至浏览器

    uniapp实现跳转至浏览器的方法:1、直接填入跳转地址,代码为【plus.runtime.openUrl(‘跳转的地址’)】;2、设置带有【http://】,代码为【plus.runtime.openURL(&#8…

    2025年3月13日
    200
  • uniapp怎么判断是否登录

    uniapp判断是否登录的方法:1、需要登录的页面判断,代码为【uni.showModal({title:’请登录’,content:”请登录”,】;2、用户登录后储存用户信息到本地后判断,代…

    2025年3月13日
    200
  • uniapp如何重新加载数据

    uniapp重新加载数据的方法:直接使用redirectTo再跳转至当前页面,代码为【uni.redirectTo({url: `/pages/video/video-info/video-info?vid=${vid}`,】。 本教程操作…

    2025年3月13日
    200
  • uniapp怎么请求接口

    uniapp请求接口的方法:1、使用GET请求数据,代码为【method: ‘GET’,success: (res)=>{}】;2、使用POST,发送json格式请求,代码为【method: ‘PO…

    2025年3月13日
    200
  • uniapp如何禁止页面滑动

    uniapp禁止页面滑动的方法:首先找到文件【pages.json】;然后将将回弹属性关掉即可,代码为【”app-plus”:{“bounce”:”none”}】。 本…

    2025年3月13日
    200
  • uniapp如何请求服务器数据

    uniapp请求服务器数据的方法:首先定义一个lists,并在template中定义元素;然后在methods中添加方法,使用【uni.request】的方法来请求后台数据,url地址采用拼接的方式,在success函数中处理返回结果数据。…

    2025年3月13日 编程技术
    200
  • uniapp如何实现微信授权登录

    uniapp实现微信授权登录的方法:首先获取相应的appid和appsecret;然后在uniapp项目中的manifest.json进行APP SDK配置和模块权限配置;最后实现编码即可。 本教程操作环境:windows7系统、uni-a…

    2025年3月13日 编程技术
    200
  • uniapp如何实现支付功能

    uniapp实现支付功能的方法:首先获取可用的支付环境;然后判断用户是否有支付宝支付环境;接着再从后端接口获取相关数据配置到orderInfo里;最后拿到后端返回数据后调用相关支付函数。 本教程操作环境:windows7系统、uni-app…

    2025年3月13日 编程技术
    200
  • hello uniapp怎么运行

    hello uniapp运行的方法:首先通过HBuilderX工具可视化界面;然后依次点击工具栏里的“文件->新建->项目”,并选择“uni-app”类型进行创建;最后进入“hello-uniapp”项目,并点击工具栏的“运行”…

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论