小程序学习笔记--(获取表单数据和请求接口)

最近新入职了新公司,年轻的我本以为逃离了一个后端程序员去写前端的恐惧,但是事与愿违,终究还是来了.
入职第一天,就来和我讨论让我去获取前端的数据传入后台,原本我以为是我写接口去接收,没想到是我去小程序前端绑定数据,还要调整一样样式,我蒙了.但是,生活所迫,一个小程序前端0基本的后台人员开始了攻克绑数据的难关开始了.
首先在js中的data上定义数据,这一步很重要

以上2步是把数据定义,并动态set数据,保证后面提交获取的数据准确性.
到了提交数据这一步,首先定义一个
var formObject = e.detail.value;(这里的formObject名字随意定)
var credentialsType = formObject.credentialsType;
这里要看懂,这里的credentialsType就是第一步data中定义的数据,而且是set的最新填写数据,这里提交获取的就是最后保存的数据了!
公司用的是一套封装好的框架,

 request({
    url: '/api/logout',  //访问地址
    method: 'get', //请求方式
    //这里放例如 credentialsType 这种放最后获取的数据源
    data: {
      user: 'xxx'
    }
  })
  .then(result => {
    wx.showToast({ 
      title: '保存成功' ,
      icon:'success',
      duration:2000
    })
  
  .catch(e => {
    // fail to do
    wx.showToast({ 
      title: '保存失败' ,
      icon:'success',
      duration:2000
    }),
    //这里是回退到上一页
    wx.navigateBack({
      delta: 1,
    })
  })

提交时的方法.....这样测试就调通了!!!
新手上路,为了生活,一个后端程序员也只能刚了!!!