uni-app:请求后端数据uni.request

这篇具有很好参考价值的文章主要介绍了uni-app:请求后端数据uni.request。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 完整代码:

onLoad() {
			uni.request({
				url: getApp().globalData.position + 'Produce/select_employee',
				data: {
					username: getApp().globalData.username,
				},
				method: 'POST',
				dataType: 'json',
				success: res => {
					this.employee_name = res.data.info.employee_name;
					// console.log(res.data.info.employee_name)
				},
				fail(res) {
					console.log("查询失败")
				}
			});
		},

核心

  • 使用的方法

uni.request({...});

  •  与接口相连接的路径

注:这里标红的部分为全局变量

例如:url:'https://域名/api/Produce/select_employee'(表示在使用该域名下的api中的Produce文件的select_employee方法)

url: getApp().globalData.position + 'Produce/select_employee',

  • 传入数据到后端 

 data: {
                    username: getApp().globalData.username,
                },

  • 使用的方法

 method: 'POST',

  • 数据格式 

dataType: 'json', 

  • 成功请求到后端执行操作 

这里是将data中的employee_name赋值为成功请求到的数据的info下的employee_name的值

uni-app:请求后端数据uni.request,uni-app,uni-app,前端,javascript

success: res => {
                    this.employee_name = res.data.info.employee_name;
                }, 

 请求到后端失败执行操作 

fail(res) {
                    console.log("查询失败")
                } 文章来源地址https://www.toymoban.com/news/detail-600404.html

到了这里,关于uni-app:请求后端数据uni.request的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app项目封装http请求和不封装请求

    在页面文件中 该请求的封装方式适用于_gt、_mt类型的请求,应该也可以做到其他类型; 注意看代码中的注释 在uilt/api.js中 在uilt/http.js中 在页面文件中 注意看代码中的注释;不封装需要使用 uni.request这个API来进行请求

    2024年02月13日
    浏览(53)
  • 后端C# .net 前端uni-app 集成SignalR做即时通讯

            后端集成SignalR比较简单,首先要在解决方案中依赖几个SignalR的库,SignalR的库就是做即时通讯的主要库,我们建立连接、收发信息都需要用这个库来进行。         除了这几个库以外,还要还有几个依赖库要一并依赖进来。         Owin库的作用主要是为了在

    2024年04月17日
    浏览(43)
  • uni-app 使用uni.request封装发送api请求文档服务器请求导航守卫

    前言 刚刚接触uni-app时候想着直接使用axios发请求,可以发送成功但是请求头有点问题 后面发现教程都是使用@escookrequest-miniprogram三方包发送请求-(浏览器环境发送不了请求,不兼容) 为什么不直接用uni.request()发送请求,是因为每次请求都要写一次添加请求头不合理 后面

    2024年02月16日
    浏览(57)
  • uni-app和springboot完成前端后端对称加密解密流程

    概述 使用对称加密的方式实现。 前端基于crypto-js。 uni-app框架中是在uni.request的基础上,在拦截器中处理的。 springboot在Filter中完成解密工作。 uni-app 项目中引入crypto-js。 加密方法 解密方法 request拦截器 备注 使用encodeURIComponent方法是为了处理 字符“+”,这个对应java解密的

    2024年02月13日
    浏览(54)
  • uni-app 使用@escookrequest-miniprogram请求发送

    前言 在使用uni-app开发小程序时候发现axios添加请求头时在实际网络请求时并没有添加进去 后面发现是有第三方包@escookrequest-miniprogram代替axios发送请求的,请求头也添加正常。 注意是这个包也是在外层包了一层data,但好像并不能统一处理掉。 代码实现 1.下包@escookrequest-min

    2024年02月13日
    浏览(44)
  • uni-app的h5/小程序/app 网络请求,解决本地环境和生产环境网络请求问题

    本篇的重点在于解决h5/小程序/app这三端在本地和生产环境的网络请求问题 全部代码贴在了全文最后 首先要理解这三个端的特性,h5会有跨域问题需要反向代理,小程序和app不需要反向代理,同时小程序还得用https域名。 一般会跨域需要反向代理。所以要在mainifest.json设置反向

    2024年02月10日
    浏览(56)
  • uni-app开发微信小程序真机调试请求超时&请求被拒绝

    uni-app开发微信小程序真机调试请求超时请求被拒绝 在利用uni-app开发小程序时,写好的程序利用微信的模拟器进行调试时一切正常,但是一旦启用真机调试就会出现请求超时或者请求被拒绝的问题。如下图: 请求超时: errMsg: “request:fail fail:time out” errMsg: “request:fail -118:

    2024年02月12日
    浏览(60)
  • uni-app从后端返回的mp4链接视频截取一帧为封面

    一、需求: 后端返回包含视频链接的数组对象,格式如下: 从上面的mp4视频中截取一帧设置为封面,如下图,下面的封面图从视频中截取而来。 二、代码实现: 按照上面的代码,其中posterList就是对应的每一个视频的封面base64数组,一切看起来都挺好,在H5正常运行,但是在

    2024年02月14日
    浏览(47)
  • 【uni-app】后端返回base64转二维码并显示在canvas生成海报

    使用官方的 uni.getFileSystemManager().writeFile() 方法可将base64码转成的二维码显示在画布上,代码如下: const obj = {                     page: \\\'pages/sort/goodsDetail\\\',                     co_Nu: this.goodInfo.co_Nu                 }                 const _this = this       

    2024年02月11日
    浏览(63)
  • 使用uni-app+uview创建小程序工程并支持请求后端接口

    一、使用工具:     1.hubilderx   下载地址:HBuilderX-高效极客技巧     2.微信开发者工具   下载地址:微信开发者工具下载地址与更新日志 | 微信开放文档     3.uview组件库API:Color 色彩 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架 二、使用hubuilderx创建uni-app项目

    2024年02月11日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包