本篇文章給大家介紹一下微信小程序獲取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;
},
})
},
