微信小程序的同步请求

最新推荐文章于 2023-10-19 16:08:33 发布

独孤求赞

最新推荐文章于 2023-10-19 16:08:33 发布

阅读量4.1k

点赞数 1

分类专栏：小程序文章标签： html5 小程序

本文链接：https://blog.csdn.net/weixin_44989478/article/details/109569552

版权

微信小程序异步请求 Promise async/await 数据处理

关键词由CSDN通过智能技术生成

小程序专栏收录该内容

9 篇文章

订阅专栏

本文介绍了在微信小程序开发中遇到的一个挑战：如何在数据请求为异步的情况下，确保能立即处理数据。作者通过使用Promise封装小程序的请求函数，并结合async/await来实现异步请求的同步化处理。当数据已经存在时，直接使用缓存数据；否则，发起请求获取数据并更新。这种方法使得代码更加清晰，避免了不必要的重复请求。

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

最近在写小程序，遇到一个问题，就是封装的小程序请求是异步的，而我需要立刻处理这个数据，我用的方法是async、
使用前提是微信开发者工具需要开启"增强编译"
在这里插入图片描述

用Promise封装的请求：

const post=(url,data)=>{
  return new Promise((resolve,reject)=>{
    wx.request({
      url:url,
      method:'POST',
      dataType:'json',
      data:data,
      header:{'content-type': "application/x-www-form-urlencoded"},
      success:function(res){
          resolve(res.data)
      },
      fail: function() {
          reject("请求数据失败");
      },
    })
  })
}

使用情况是需要判断是否已经请求过了，如果已经请求过，就不在重复请求。


getData: async function (){ 
	let data;
	if(this.data.list){
 		data = this.data.list;
	}else{
  		data = await util.post(url,reqData).then((res)=>{
   			return res.data.list;
  		});
	}
	console.log(data); 

}

这样就好了