本篇文章给大家介绍一下微信小程序获取input标签值的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

获取微信小程序中input中的数据

<scroll-view>
<vieG 9 ? ] \ 3 -w id='titleView'>
<text id="titleText">登录</text>
</view>
<view id='mainView'>
<text>用户名</text>
<input class='input' bindinput='usernameInput'></input>
<text>密码</text>
<input class='input' bS # @ q X 8 / [indinput='p~ , e S x ` 8 2 :asswq \ f R ! W /ordInput'></input>
<buttB R = ( i 9on class="btn" bindtap='login'>登录</button>
<butt& @ _on class='btn' bindtap='toRegistA / Cer'>注册</button>
</view>
</scroll-view>

登录的js页面

var app=getApp();
Page({
login:function(e){
<!--拼接url通过后台验证跳转
this.data.useU - J *rname获取标签中值-->
var url = app.globalData.seL H 4 G U * JrverIp +"/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=respons, | a K # ]e.data;
var status=serverData.status;
var msg="登录失败";
if(status==200){
msg="登录成功";
//跳转商场首页navigateTo
wx.navigaa & U \ 1 & pteTo({
url:"../storeindex/stor= ! a s k 5eindex",
})
//4 - . * ] 0 W @把username保存到手机上
//sync表示同步 setStorageSync函数的作用是同步保存数据相当于http中的cookie
wx.setSu s x u Z f q X dtorageSync("username", page.data.username);
}
wx.showToast({
title: msg
})
}d I 8 b I : l \ s,
fail:function(e){
console.log("联网失败");
console.log(e);
},
data, & Q f 4 0 { *: {
username:"",
password:""
},
usernameInput:function(e){
this.data.username=e.detail.val, j m { l t X K nue;
},
passworL L f _ X X A 6dl G q mInput: function (e) {
this.data.password = e.detail.value;
},
}\ y I z & L F)
},

相关学习推荐u , 0:小程序开发教程

以上就是小程序如何获取input标签的值的详细内容,更多请关注php= j d 0 R中文网其它相关文章!

php中文网最新课程二维码

声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注