获取微信小程序中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标签的值的详细内容，更多请关注群英网络其它相关文章！

（来源：CSDN）

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 小程序服务器有什么要求？小程序带宽多少才够？

  小程序服务器该怎么选择？小程序运营需要用到多大的带宽？自推出微信小程序以来，一直很火，微信小程序适合各种在线和线下商家企业的需求，尤其是小程序游戏行业，而微信多达九亿用户基数，让小程序可以做什么，充满了想象空间。那么小程序服务器该怎么选择？小程序运营需要用到多大的带宽？

• 微信小程序实现引入echart图表操作分享

  前不久，ECharts 团队与微信小程序团队合作公布了 ECharts 微信小程序支持 Canvas 2D 的更新。

• 可以用微信小程序的行业有哪些？

  对于第一次做微信小程序的应该选择什么行业？G口带宽适用于小程序的什么阶段？因为群英网络沉淀于互联网行业二十余年，所以最近有朋友会问我，第一次做小程序商城应该选择社区团购小程序还是分销小程序商城？对于这样的问题，专业于微信小程序G口带宽服务器​租用托管的群英网络还是比较有话语权的。

• 直播平台小程序服务器哪个好？

  直播平台小程序服务器怎么选择？影响直播平台小程序服务器价格的因素有哪些？自从推出了微信直播平台小程序就一直很火，微信直播平台小程序适用于线上线下商家企业的各种需求，特别是直播平台小程序行业，而微信多达九亿的用户基数，让直播平台小程序能够做什么，充满了想象的空间。

• 小程序开发对租用服务器有哪些要求？

  小程序为不少商家带来了新的希望，也引发着商家们前赴后继地投身小程序的开发中，。说到开发，可能大部分朋友都觉得开发仅仅是在微信上操作，其实小程序开发涉及到很多方面，例如版式、图片、文案、功能、服务器等等。这就引出了一个问题了，小程序也需要服务器吗？需要怎么租用服务器合适呢？下面我们来看看。