uniapp对uni.request()的封装以及使用

官方文档

uni.request(OBJECT) | uni-app官网 (dcloud.net.cn)

uni.request参数

参数名说明
url是写api地址的
data是用来传值的
对于 GET 方法,会将数据 转换为 query string。例如 { name: 'name', age: 18 } 转换后的结果是 name=name&age=18
对于 POST 方法且 header['content-type']application/json 的数据,会进行 JSON 序列化。
对于 POST 方法且 header['content-type']application/x-www-form-urlencoded 的数据,会将数据转换为 query string。
header是写请求头信息的
method必须大写,有效值在不同平台差异说明不同。
GET
POST
PUT 不支持支付宝小程序
DELETE 不支持支付宝小程序、头条小程序
succes访问接口成功之后就会调用success参数为res
data Object/String/ArrayBuffer 开发者服务器返回的数据
statusCode Number 开发者服务器返回的 HTTP 状态码
header Object 开发者服务器返回的 HTTP Response Header

封装

export const request = (url, params, method = "GET") => {return new Promise((resolve, reject) => {uni.request({url: "https://demo.com/api/public/v1" + url,method: method,data: params, //传入组装的参数header: {'Content-Type': 'application/json'},success: function(result) {if (result.statusCode !== 200) {console.log("发送请求成功但是开发者服务器返回的 HTTP 状态码不是200", url, params, method, result);const data = {code: "502",msg: "发送请求成功但是开发者服务器返回的 HTTP 状态码不是200",data: result}resolve(data);} else {console.log("发送请求成功", url, params, method, result);// 返回数据resolve(result.data);}},fail: function(error) {// 返回数据console.log("发送请求失败", url, params, method, error);const data = {code: "500",msg: "发送请求失败",data: {}}resolve(data)}})})
}

使用

定义

import {request
} from "./request.js"export const indexDAO = {getBanner() {return request("/home/swiperdata2",{},"GGT")}}

引入

<template><view class="page_content"></view>
</template><script>import {indexDAO} from "netword/index.js"export default {components: {},data() {return {banner: []}},onLoad() {this.loadBanner()}methods: {async loadBanner() {const banner = await indexDAO.getBanner()if (banner.code == 200) {this.banner = banner.data}}}}
</script><style lang="scss" scoped></style>

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/3606.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Lustre架构介绍的阅读笔记-SMB协议

本文是在阅读Introduction to Lustre* Architecture的Lustre SMB Gateway System Architecture时的笔记。 Lustre只支持Linux系统&#xff0c;但借助Samba可以支持SMB协议&#xff0c;进而对Windows主机提供文件访问能力。 参考资料 Welcome to the CTDB web pages CTDB is …

k8s pod 无法启动一直ContainerCreating

情况如下&#xff0c;更新 pod 时&#xff0c;一直在ContainerCreating 查看详细信息如下 Failed to create pod sandbox: rpc error: code Unknown desc [failed to set up sandbox container “334d991a478b9640c66c67b46305122d7f0eefc98b2b4e671301f1981d9b9bc6” networ…

viewerjs在vue中实现点击图片预览、切换、缩放、拖拽、旋转等功能

1、下载依赖&#xff1a; npm i viewerjs 2、定义html结构 <template> <div><ul class"artBody"><li><img src"picture-1.jpg" alt"Picture 1"></li><li><img src"picture-2.jpg" alt&…

Find My头盔|苹果Find My技术与头盔结合,智能防丢,全球定位

头盔是保护头部的装具&#xff0c;是人们交通中不可或缺的工具。头盔具有保护头部、吸收冲击力、减少伤害风险、提高安全性、防止颅脑损伤等功效作用。头盔能够提供额外的保护&#xff0c;减少头部受伤的风险。在日常出行或进行高风险活动过程中&#xff0c;如骑自行车、骑行电…

pytest参数化数据驱动(数据库/execl/yaml)

常见的数据驱动 数据结构&#xff1a; 列表、字典、json串 文件&#xff1a; txt、csv、excel 数据库&#xff1a; 数据库链接 数据库提取 参数化&#xff1a; pytest.mark.parametrize() pytest.fixture()…

oracle 执行计划详解

执行计划是指示 Oracle 如何获取和过滤数据、产生最终的结果集&#xff0c;是影响SQL 语句执行性能的关键因素。在深入了解执行计划之前&#xff0c;首先需要知道执行计划是在什么时候产生的&#xff0c;以及如何让 SQL 引擎为语句生成执行划。 先了解 SQL 语句的处理执行过程…

不小心删了数据怎么办,数据库错误删除了怎么恢复

当然可以&#xff0c;作为MySQL数据库专家&#xff0c;我可以帮助您应对不小心删掉数据的情况。首先&#xff0c;了解您误删数据的具体情况&#xff08;例如&#xff1a;删除了单条记录、整张表还是整个数据库&#xff09;&#xff0c;以及您的MySQL服务器是否具备相应的预防措…

浮点数在内存中的存储格式

使用 union 类型方式将浮点数的二进制形式保存到 uint32_t 变量中时&#xff0c;需要考虑大小端的影响。 在大端系统中&#xff0c;浮点数的最高字节位于内存的低地址处&#xff0c;而在小端系统中&#xff0c;浮点数的最低字节位于内存的低地址处。因此&#xff0c;当使用 un…

【C++风云录】发现天空之美:使用C++库进行气象图像处理与分析

发现天空之美&#xff1a;使用C库进行气象图像处理与分析 前言 随着环境监测和气象学领域的不断发展&#xff0c;需要借助高效的工具和库来处理和分析大量的数据。C作为一种强大的编程语言&#xff0c;提供了丰富的库和工具&#xff0c;为环境监测和气象学领域的开发人员提供…

【C++风云录】工业革命2.0:开启智能制造时代,利用C++库优化工厂流程

连接未来&#xff1a;探索C库&#xff0c;构建智能工厂和优化生产流程 前言 智能制造和工厂优化是如今工业领域的热门话题。随着技术的不断进步&#xff0c;工厂设备之间的互联和数据采集变得更加重要。C作为一种广泛使用的编程语言&#xff0c;提供了许多强大的库和工具&…

RoadBEV:鸟瞰图中的道路表面重建

1. 代码地址 GitHub - ztsrxh/RoadBEV: Codes for RoadBEV: road surface reconstruction in Birds Eye View 2. 摘要 本文介绍了RoadBEV&#xff1a;鸟瞰图中的道路表面重建。道路表面条件&#xff08;特别是几何形状&#xff09;极大地影响了自动驾驶汽车的驾驶性能。基于…

FastGPT编译前端界面,并将前端界面映射到Docker容器中

建议在linux系统下编译 1、克隆代码 git clone https://github.com/labring/FastGPT 2、进入FastGPT目录&#xff0c;执行 npm install 3、进入projects/app目录&#xff0c;执行 npm run dev 此时会自动下载依赖包&#xff0c;这里如果执行npm install的话&#xff0c;…

某赛通电子文档安全管理系统 NavigationAjax SQL注入漏洞复现

0x01 免责声明 请勿利用文章内的相关技术从事非法测试&#xff0c;由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失&#xff0c;均由使用者本人负责&#xff0c;作者不为此承担任何责任。工具来自网络&#xff0c;安全性自测&#xff0c;如有侵权请联系删…

子组件使用this.$emit向父组件传递信息

思考&#xff1a;这种方法相对于使用this.$bus.$emit、this.$bus.$on 发送接受使用更方便快捷。 一般父组件要设定一个接收的参数名&#xff1a; <Son handleClick"handleClick" />我这里的 handleClick就是准备接收子组件传递过来的参数&#xff0c; 一般我…

25计算机考研院校数据分析 | 浙江大学

浙江大学&#xff08;Zhejiang University&#xff09;&#xff0c;简称“浙大”&#xff0c;坐落于“人间天堂”杭州。前身是1897年创建的求是书院&#xff0c;是中国人自己最早创办的新式高等学校之一。 浙江大学由教育部直属、中央直管&#xff08;副部级建制&#xff09;&a…

PHP利用JWT refresh_token获取新access_token

PHP利用JWT refresh_token获取新token 在PHP中使用JWT&#xff08;JSON Web Tokens&#xff09;来刷新refresh_token并获取新的access_token&#xff0c;你需要实现以下步骤&#xff1a; 当用户登录时&#xff0c;生成一个access_token和一个refresh_token。 设置refresh_tok…

Unity 微信小游戏 UI 刘海屏适配

Unity 微信小游戏 UI 屏幕适配 这是微信小游戏官方的适配文档地址&#xff1a; https://github.com/wechat-miniprogram/minigame-unity-webgl-transform/blob/98aed655cc536f1e1dc21524516c40c442594ac1/Design/fixScreen.md 里面的示例代码并不好用&#xff0c;这里给出项目…

rust中结构体的属性默认是不能修改的,要想修改可以有两种方式

Rust中结构体里面的属性默认是不支持修改的&#xff0c;而且默认不是pub的&#xff0c;要想修改的话&#xff0c;有两种方式&#xff0c;我以为和python里面的类似呢&#xff0c;但是还是需要一点技术含量的。如果想在引到外部修改&#xff0c;需要声明pub&#xff0c;如果想在…

(九)Pandas表格样式 学习简要笔记 #Python #CDA学习打卡

目录 一. Pandas表格样式 1&#xff09;举例数据 2&#xff09;字体颜色 3&#xff09;背景高亮 4&#xff09;极值背景高亮 &#xff08;a&#xff09;高亮最大值 highlight_max() &#xff08;b&#xff09;高亮最小值 highlight_min() &#xff08;c&#xff09;同时…

AjaxAxios

Ajax 注&#xff1a;AJAX很少使用&#xff0c;现在都使用更简单的Axios所以只需要了解Ajax即可 概念 AJAX&#xff0c;全称“Asynchronous JavaScript and XML”&#xff08;异步JavaScript和XML&#xff09; 作用&#xff1a; 与服务器进行数据交换&#xff0c;通过Ajax可…