接口請(qǐng)求

對(duì)請(qǐng)求做相對(duì)應(yīng)判斷處理，交互更合理。

普通請(qǐng)求

• vue發(fā)送請(qǐng)求（借助cube-ui做簡(jiǎn)單交互）

  getData:function () {
      const pop = this.$createToast({
          time: 10000,
      });
      pop.show()
      this.axios.get('/list', {
          params: {
             
          }
      }).then(res => {
          var datas = res.data;
          pop.hide();
           if (datas.error_code == 0) {
             var obj = datas.data;
             //.....  
             } else {
             this.info = this.$createToast({
             txt: '查詢失敗',
             type: 'txt'
             })
               this.info.show();
             }
      }).catch(error => {
          this.toast = this.$createToast({
              txt: ' 請(qǐng)求錯(cuò)誤：storelist',
              type: 'txt'
          })
          this.toast.show();
      })
  }
  

• 小程序發(fā)送請(qǐng)求

    getData: function() {
          wx.showLoading({
              title: '加載中',
          })
          wx.request({
              url: this.data.config + '/list',
              data: {
              },
              success: (data) => {
                  var datas = data.data;
                  wx.hideLoading();
                  if (datas.error_code == 0) {
                      var obj = datas.data;
                      //...
                  } else {
                      wx.showToast({
                          title: datas.error_msg,
                          icon: 'none'
                      })
                  }
              },
              fail: (res) => {
                  console.log(res)
                  wx.showToast({
                      title: '請(qǐng)求錯(cuò)誤：list',
                      icon: 'none'
                  })
              }
          })
      }
  

模態(tài)框交互（cube-ui）

• vue

    delete: function (e) {
                  var keys = e.target.dataset.index;
                  this.$createDialog({
                      type: 'confirm',
                      title: '刪除訂單',
                      content: '確認(rèn)刪除該訂單？',
                      onConfirm: () => {
                          const pop = this.$createToast({
                              time: 10000,
                          });
                          pop.show();
                          this.axios.get('/delorder', {
                              params: {
                              }
                          }).then(res => {
                              var datas = res.data;
                              var info = datas.error_msg;
                              pop.hide();
                              if (datas.error_code == 0) {
                                  this.info = this.$createToast({
                                      txt: '刪除成功',
                                      type: 'txt'
                                  })
                                  this.info.show();
                                  orderList[keys].hide = true;
                                  this.orderList = orderList.filter((item) => {
                                      return item.hide != true;
                                  });
                              } else {
                                  this.info = this.$createToast({
                                      txt: '操作失敗' + info,
                                      type: 'txt'
                                  })
                                  this.info.show();
                              }
                          }).catch(error => {
                              this.toast = this.$createToast({
                                  txt: '請(qǐng)求錯(cuò)誤：delorder',
                                  type: 'txt'
                              })
                              this.toast.show();
                          })
                      }
                  }).show()
              }
  

• 小程序

    deleteOrder: function(e) {
          var keys = e.currentTarget.dataset.index;
          var orderList = this.data.orderList;
          wx.showModal({
              title: '刪除訂單',
              content: '確認(rèn)刪除該訂單？',
              success: (res) => {
                  if (res.confirm) {
                      wx.showLoading({
                          title: '刪除中..',
                      })
                   wx.request({
                          url: this.data.config + '/delorder',
                          data: {
                          },
                          success: (data) => {
                              var datas = data.data;
                              wx.hideLoading();
                              if (datas.error_code == 0) {
                                  wx.showToast({
                                      title: '刪除成功'
                                  })
                                  orderList[keys].hide = true;
                                  this.setData({
                                      orderList: orderList
                                  })
                              } else {
                                  wx.showToast({
                                      title: '操作失敗:' + datas.error_msg,
                                      icon: 'none'
                                  })
                              }
                          }
                      })
                  }
              }
          })
      },