uniapp 对get，post请求进行封装并使用

嚣张农民

已于 2023-11-30 15:56:52 修改

阅读量4.7k

点赞数 2

分类专栏： uniapp框架专业知识文章标签： javascript html5 前端

于 2023-10-31 12:40:16 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_40808668/article/details/108579873

版权

uniapp框架专业知识专栏收录该内容

37 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文将介绍如何在uniapp中对HTTP的GET和POST请求进行封装，以提高前端开发效率。通过实例演示，详细阐述封装过程，并探讨封装后的实际应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// GET请求
const get = (url, callback) => {
   
	/* uni.showLoading({
   
		title: '加载中'
	}); */
	uni.request({
   
		url: url,
		header: {

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嚣张农民

关注关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

[JavaScript][异步]Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？

DaftJayee的博客

08-23

2407

const promise = new Promise((resolve, reject) => { console.log(1) resolve() console.log(2) }) promise.then(() => { console.log(3) }) console.log(4) 执行结果是：1243 promise构造函数是同步执行的，then方法是异步执行的 ...

【uniapp】带你优雅的封装uniapp的request请求

qq_36375343的博客

02-23

1万+

【代码】优雅的封装uniapp的request请求

2 条评论您还未登录，请先登录后发表或查看评论

uniapp封装统一请求(get和post)

阿宝的博客

03-06

2087

uniapp封装统一请求(get和post)

[uniapp]云对象在post请求中获取数据

最新发布

qq_39317095的博客

04-05

121

但是在云函数中，parms参数是空的{}。这是因为在uniCloud中，POST请求的数据需要通过this.getHttpInfo().body来获取。1、因为在云对象中，

uniapp封装get和post请求

qq_34631220的博客

10-23

2284

新建http/http.js文件 //封装get和post请求 function req(method,url, data) { var urls = "http://www.dadesc.com"; uni.showLoading({ title:'加载中...' }); var datas = ""; uni.request({ method: method, url: urls+url, data: data, success(res) { datas = r

uni-app网络请求get和post简单封装

0月影星云0的博客

05-18

2331

1、创建request文件夹和http.js文件 2、http.js中的代码 let baseUrl = '请求地址' let header = { 'Content-Type': 'application/json;charset=UTF-8' } export default{ get(url,param){ return new Promise((resolve,reject) =>{ uni.request({

UniApp中封装request网络请求包含GET、POST、PUT、DELETE等

随风飘的博客

10-27

2882

UniApp中封装request网络请求包含GET、POST、PUT、DELETE等

uni封装GET/POST请求

weixin_44079209的博客

05-14

996

封装uni请求

uniapp封装post请求

m0_54009761的博客

06-30

1365

//POST方法 , method是接口，如/api/v1/login。data是传递参数{mobile:...} const post = async (method, data) => { return new Promise((resole, reject) => { uni.showLoading({ title: '加载中' }); let header = { 'Content-Type': 'application/json', //自定义请求头信息 }; //

【微信小程序】uniapp版request的简单封装 get post和文件上传

近10年前端开发工作经验，为你分享日常经验所得

02-21

1010

封装了错误的提示，超时返回首页等，同时比较简洁，应该能满足大部分需求。

uniapp用Promise封装get和post请求

阿進在努力~~

10-15

1895

用Vue开发Web网页，请求都是都会用到axios这个库，axios支持promise。所以就打算在uniapp中封装一个返回Promise对象的get和post请求。 HttpUrl 就是固定前缀和axios.defaults.baseURL一样的第三个参数正常来说应该传个header对象，但是项目需求没这么大，所以就直接传了个属性下面两个函数其实就method不一样，还可以封装一个函数传递请求的，这里我就不写了吧。 //get请求 import app from './main.js' cons

uni-app封装请求完成示例项目

11-02

uniapp封装请求示例完整项目，接口都写在一个脚本里，通过参数传入uni.request进行请求，缩小代码重复量，在request文件请求中通过promise封装进行结果和错误捕获，

uni-app封装request请求及get、post、put等方法

山谷里的杂货铺

06-08

3279

uni-app封装request请求及get、post、put等方法

uni-app网络请求封装（完整版）

热门推荐

土拨鼠博客

09-29

1万+

目录结构(根目录开始) ├── api # 所有请求 │ └── user.js # 用户请求api ├── store # 全局store管理 │ └── modules # api模块 │ │ └── user.js # 用户请求模块 │ └── index.js # 状态管理初始化 ├── uti

uni-app请求接口封装

yeyushaqiu的博客

06-02

3246

uniapp使用类封装接口，大致分为三步1 封装请求2 定义接口3 页面调用

uniapp请求方法封装

你瞅我干啥呀！

12-18

166

封装uni.request方法（第一次，写可能写的不好。） request.js文件 //接口地址 const comUrl = ""//公共路由地址 //get封装 function getRequest(url, data) { var promise = new Promise((resolve, reject) => { uni.request({ url: comUrl + url, method: "GET", data: data, dataType:

uni-app的网络请求库封装及使用（同时支持微信小程序）

独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)

05-30

9631

在uni-app中，常见的网络库主要是基于uni-app内置的uni.request()方法，这是一个统一的网络请求接口，支持HTTP和HTTPS协议，可以处理GET、POST等请求方法。这个API提供了基本的HTTP请求功能，可以满足大部分应用的网络通信需求。除此之外，由于uni-app是基于Vue.js的，所以也可以使用一些适用于前端的JavaScript网络库如axios 第三方库，支持Promise API，有丰富的拦截器、配置选项和错误处理。

在uni-app中封装请求

DespairA的博客

03-22

415

上代码 //使用修改域名，默认是get，需要post则要改动一部分 const BASE_URL="https://api-hmugo-web.itheima.net/"; //在主文件入口main.js中引入，然后绑定到全局对象上，例如 uni.$myRequest=myRequest，使用的时候直接uni.$myRequest() export const myRequest=(options)=>{ //传入的options是一个json对象 // 让这个方法返回一个promise对

uniapp小程序request请求封装

m0_58293192的博客

11-03

1491

uniapp小程序request请求封装