[小程序]微信小程序获取input并发送网络请求

1. 获取输入框数据
wxml中的input上增加bindinput属性，和不死的青春方法值
在js部分定义与之对应的方法，只要在输入的时候，数据就会绑定调用到该方法，存入data属性变量中

2. 调用get请求发起网络请求
调用wx.request发起网络请求

3.调用微信toast接口展示结果

4.按钮绑定bindtap属性，当按钮点击的时候会调用对应的方法

index.wxml部分

<view class="indexinput">  <input  maxlength="100" bindinput="getemail" placeholder="邮箱地址" /></view><view class="indexinput">  <input password  maxlength="30" bindinput="getpasswd" placeholder="密码" /></view><view class="indexbutton"><button type="primary" bindtap="checklogin" loading="{{loading}}"> 登录 </button></view>

index.js部分

//index.js//获取应用实例const app = getapp()page({  data: {    email:"",    passwd:"",  },  onload: function () {  },  //获取输入框数据  getemail:function(e){    this.tdata({      email: e.detail.value    })  },  //获取输入框数据  getpasswd: function (e) {    this.tdata({      passwd: e.detail.value    })  },  /*  * 验证用户名密码是否正确   */  checklogin:function(){    var email=this.data.email;    var passwd = this.data.passwd;    var dat中国精神作文a={      loginfrom:"app",      emai八年级下数学作业本l: email,      psw: passwd,      output: "json"    };    var url = "https://api.sopans.com/third/login.php";    wx.request({        url: ur隐函数求导l,        method: 'get',        data: data,        header: {          'content-type': 'application/json'        },        success(res) {          if(res.data.code=200){            wx.showtoast({              title: '成功',              icon: 'success',    爱心素材          duration: 2000            })          }        }    });  }})