微信小程序wx.request内调用setData方法

àì夳堔傛蜴生んèń 2022-11-04 15:22 334阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZtMDUxNw_size_16_color_FFFFFF_t_70_pic_center]  
附上源码

<form bindsubmit="formSubmit" bindreset="formReset">
        <view class="page-section">
          <view class="weui-cells__title">用户名</view>
          <view class="weui-cells weui-cells_after-title">
            <view class="weui-cell weui-cell_input">
              <input class="weui-input" name="username" maxlength="32" placeholder="在此输入用户名" />
            </view>
          </view>
    
          <view class="weui-cells__title">密码</view>
          <view class="weui-cells weui-cells_after-title">
            <view class="weui-cell weui-cell_input">
              <input class="weui-input" name="password" maxlength="32" placeholder="在此输入密码" />
            </view>
          </view>
        </view>
        <view class="btn-area">
          <button formType="submit">提交</button>
          <button formType="reset">Reset</button>
        </view>
        <p>{
       {result}}</p>
      </form>

//index.js
    Page({ 
      data: { 
        result: 'qwerty'
      },
    
      onLoad: function() { 
        console.log("this is login page")
        console.log(this.data.result)
      },
      formSubmit: function (e) { 
        console.log('form发生了submit事件，携带数据为：', e.detail.value)
        self=this
        wx.request({ 
          url:'https://chenth.net/login_wx',
          data:{ 
            username:e.detail.value.username,
            password:e.detail.value.password
          },
          method:'POST',
          header:{ 
            'content-type':'application/json'
          },
          //self=this,
          success:function(res){ 
            console.log("--------chenth success--------");
            console.log(res.data);
            self.setData({ 
              result: res.data
            })
          },
          fail:function(res){ 
            console.log("--------chenth fail--------");
            self.setData({ 
              result: res.data
            })
          }
        })
      },
      formReset: function () { 
        console.log('form发生了reset事件')
      }
    })

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZtMDUxNw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/023c75bbd31d443db4af96563b06f451.png