这篇文章将为大家详细讲解有关小程序怎么获取input标签的值,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
获取微信小程序中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标签的值”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。