获取微信小程序中input中的数据
<scroll-view><view id='titleview'><text id="titletext">登录</text></view><view id='mainview'><text>用户名</text><input class='input' bindinput='usernameinput'></input><text>密码</text><input class='input' bindinput='passwordinput'></input><button class="btn" bindtap='login'>登录</button><button class='btn' bindtap='toregister'>注册</button></view></scroll-view>
登录的js页面
var app=getapp();page({login:function(e){<!--拼接url通过后台验证跳转this.data.username获取标签中值--> var url = app.globaldata.serverip +"/user/login.html?" +"username="+this.data.username +"&password="+this.data.password; <!--为this赋值给全局对方法中调用--> var page=this; <!--用request进行后台传输--> wx.request({ url: url, success:function(response){ var serverdata=response.data; var status=serverdata.status; var msg="登录失败"; if(status==200){ msg="登录成功"; //跳转商场首页navigateto wx.navigateto({ url:"../storeindex/storeindex", }) //把username保存到手机上 //sync表示同步 setstoragesync函数的作用是同步保存数据相当于http中的cookie wx.setstoragesync("username", page.data.username); } wx.showtoast({ title: msg }) }, fail:function(e){ console.log("联网失败"); console.log(e); }, data: { username:"", password:"" }, usernameinput:function(e){ this.data.username=e.detail.value; }, passwordinput: function (e) { this.data.password = e.detail.value; }, })},
相关学习推荐：小程序开发教程
以上就是小程序如何获取input标签的值的详细内容。