标签：springboot accountNumber DataList 微信 people value data password 交互

<form bindsubmit='loginForm'>
  <input type='text' name='accountNumber' placeholder="请输入账号" value=""></input>
  <input type='password' name='password' placeholder="请输入密码" value=""></input>
  <view class='ligin-button'>
    <button formType="submit" type='primary'>点击提交</button>
    <view style="margin-top: 30px;"></view>
    <button formType="reset" type='primary'>重置数据表单</button>
  </view>
</form>

 data: {
    DataList:{
      accountNumber:'',
      password:''
    }
  },
  loginForm: function(data) {
    console.log(data.detail.value)
    //数据的双向绑定;
    this.setData({
      'DataList.accountNumber':data.detail.value.accountNumber,
      'DataList.password': data.detail.value.password
    })
    // this.data.DataList.accountNumber = data.detail.value.accountNumber;
    // this.data.DataList.password = data.detail.value.password;
    wx.request({
      url: 'http://localhost:8080/login',
      method: 'POST',
      header: { 'Content-Type': 'application/x-www-form-urlencoded' },
      data:this.data.DataList,
      success(res){
        console.log("请求成功！"+JSON.stringify(res.data));
        //==='{}' 用于判断js对象是否为空;
        if(JSON.stringify(res.data)==='{}'){
          wx.navigateTo({
            url: '/pages/login/login',
          })
        }
        else{
          wx.navigateTo({
            url: '/pages/main/main',
          })
        }
        // JSON.stringify()此方法将后端传过来的list集合对象转换成json格式。
        // 若不写则将显示[object,object]
      },
      fail(res){
        console.log("请求失败！");
      }
    })
  },

后端的接口调用如下：

package com.aynu.handler;

import com.aynu.beans.People;
import com.aynu.service.ILoginService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

@RestController
@CrossOrigin
public class LoginController {
    @Autowired
    private ILoginService iLoginService;

    @RequestMapping("login")
    public People JudgeLogin(People people) {
        System.out.println(people.getAccountNumber()+"<----->"+people.getPassword());
//        String accountNumber = people.getAccountNumber();
//        String password = people.getPassword();
        People people2 = iLoginService.JudgeLogin(people);
        System.out.println("people2="+people2);
        if(people2!=null) return people2;
        else return null;
    }
}

标签：springboot,accountNumber,DataList,微信,people,value,data,password,交互
来源： https://blog.csdn.net/qq_43788669/article/details/122202801

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。