小程序 循环request添加多条信息,解决异步调用的问题

实现需求是这样:

点击按钮添加多条信息,每条信息的id都是请求数据库实现的,解决思路是把添加的信息和id对应起来放到数组中。

一开始的解决方案按照Java类似的for循环,但是出现一个问题是小程序的异步调用问题。for循环结束后执行request请求,x的值请求的时只等于最后一个循环x的值, 将VAR换成LET,的确 success中打印循环数据 X 的确是从0开始打印到最后,但是request请求的数据还是只有一条。

最后解决方案就是不用FOR循环,用函数内部嵌套函数的方法解决。

代码如下

insertdata: function() {
var that = this;
wx.request({
  url: 'http://XX.XX.XX.XX:8080/XX/XX/XX/XX/getData',
  method: 'get',
  data: {
    operationName: 'insert',
    sqlString: "insert into  [XX].[XXX].[L_TEST](ID,NAME,NUM)values('" + that.data.idlist[that.data.key] + "','" + that.data.lists[that.data.key][0] + "','" + that.data.lists[that.data.key][1] + "')"
  },
  success: function(res) {
    console.log("key - ", that.data.key)
    console.log("sql - " + "insert into  [XX].[XXX].[L_TEST](ID,NAME,NUM)values('" + that.data.idlist[that.data.key] + "','" + that.data.lists[that.data.key][0] + "','" + that.data.lists[that.data.key][1] + "')")
    that.data.key++;//key++,len是数组的长度,当key值小于数组长度时一直执行本函数,其实实现原理和for循环相同
    console.log("key - ", that.data.key)
    if (that.data.key < that.data.len) {
      that.insertdata()
    }
  },
  fail: function(res) {

  },
})

},

你可能感兴趣的:(小程序)