微信小程序开发--关于js中url的拼接问题

最新推荐文章于 2024-07-16 16:41:08 发布

原创最新推荐文章于 2024-07-16 16:41:08 发布 · 2.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #javascript #小程序

开发错误记录同时被 2 个专栏收录

1 篇文章

订阅专栏

微信小程序

1 篇文章

订阅专栏

本文介绍了在微信小程序中如何正确拼接URL变量，以及如何在onLoad函数中嵌套两个wx.request()，以便前一个请求为后一个请求提供所需的数据。示例代码详细展示了在请求中如何使用变量，并强调了变量拼接时不需要添加单引号的细节。同时，还展示了如何将获取的数据动态插入后续请求的URL中。

对于wx.request({})中的url，网址和变量拼接时，变量不需要加单引号

正确用法：

url: 'http://web.juhe.cn:8080/constellation/getAll?consName='+Name+'&type=year&key=你申请的key',

错误用法：

url: 'http://web.juhe.cn:8080/constellation/getAll?consName='+'Name'+'&type=year&key=你申请的key',

另外，可以再onLoad: function (）方法中嵌套两个wx.request({})，前一个为后一个提供所需要的的变量数据。

onLoad: function () {
    var that = this;
    wx.request({
      url:'',
      method: 'GET',
      data: {
        //
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: function(res) {
        console.log(res.data)
        var xxxx =String(res.data.xxx)
        console.log(xxxx)
        
        wx.request({
          url: ''+xxxx+'', //这里填写你的接口路径 其中需要使用到上一个wx.request获取的xxxx值
          method: 'GET',
          data: {
            //
          },
          header: { 
              'Content-Type': 'application/json'
          },
          success: function(res) {
            console.log(res)
            that.setData({
              //赋值

            })
          }
        })


      }
    })
    
  },