project/pages/list/list.ts

// pages/list/list.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    list:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   * 与加载的区别，若是返回页面，则不需要加载，而是调用Show方法
   */
  onShow: function () {
    //这里的this是指窗口而在request中this是指onShow方法(因为是页面调用onShow,onShow调用request)，所以要先定义
    var that = this;
    wx.request({
      //后端接口提供的url
      url: 'http://localhost:8080/task/taskList',
      method:'GET',
      //需要传入的参数
      data:{},
      success:function(res :any){
        var list = res.data.data;
        if(list == null){
          //如果获取数据失败，提示使用者
          var toastText = '获取数据失败' + res.data.msg;
          wx.showToast({
            title: toastText,
           
            //显示时长为2s
            duration:2000
          })
        }else{
          that.setData({
            list:list
          })
        }
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  },

  addTask: function(){
    wx.navigateTo({
      url: '../operation/operation',
    })
  },

  //e表示响应的控件
  delTask: function(e :any){
    var that = this;
    //相当于confirm窗口
    wx.showModal({
      title: '提示',
      //这里的变量名需要与响应控件的data-后面的变量名相同
      content: '确认要删除['+e.target.dataset.name+']吗？',
      success:function(sm){
        if(sm.confirm){
          wx.request({
            url: 'http://localhost:8080/task/delete',
            data: {'id':e.target.dataset.id},
            header: {
              //默认是 'content-type': 'application/json'，要传post的参数必须写成这样，要传delete参数则为null
              "content-type": "application/x-www-form-urlencoded"
            },
            method: 'DELETE',
            success: function(res:any) {
              var result = res.data.success;
              var toastText='删除成功';
              if(result == true){
                that.data.list.splice(e.target.dataset.index,1);
                that.setData({
                  list:that.data.list
                });
              }else{
                toastText = '删除失败';
              }
              wx.showToast({
                title: toastText,
                duration:2000
              })
            },
          })
        }
      }
    })
  }
})