小程序开发-网络请求异步问题

最新推荐文章于 2024-06-16 16:34:06 发布

innerpeaceScorpio

最新推荐文章于 2024-06-16 16:34:06 发布

阅读量1.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序异步同步网络请求

本文链接：https://blog.youkuaiyun.com/innerpeaceScorpio/article/details/84327446

微信小程序专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在微信小程序中控制网络请求的顺序执行，确保后续请求依赖于前一请求的结果。通过将请求嵌套在回调函数中，实现请求间的串联，避免因异步操作导致的顺序混乱。

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

大家都知道网络操作的响应时间是不定的，所有的网络操作是异步操作，当我们需要请求按照我们所希望的顺序来执行时，就需要进行一些处理，可以将请求做成串行的（这种方式还未了解具体怎么实现），这里记录另外一种方法。

假设我们的需求是先调用登陆接口，再通过登陆接口返回的数据作为参数再调用另外一个接口，如果我们写成如下形式：

onLoad: function (options) {
	wx.login(){
		//......
	},
	wx.request(){
		//......
	}
}

看起来好像这两个请求会按照顺序执行，但由于网络请求是并行异步的，所以这样写并不能满足需求，我们可以把第二个方法放在登陆接口回调成功的时候再发起请求，如下：

onLoad: function (options) {
   wx.login({
      success(res) {
        var code = res.code;//登录凭证
        if (code) {
          //发起网络请求
          wx.request({
            url: getApp().globalData.servsers + '/xcx/login',
            header: {
              "content-type": "application/x-www-form-urlencoded"
            },
            method: "POST",
            data: {
              code: code
            },
            success: function (result) {
            	//发起第二个网络请求
           	wx.request({
           	    //......
           	})
            }
        }
    })
}