Comment obtenir la valeur de la balise d'entrée dans l'applet

青灯夜游
Libérer: 2021-05-18 10:57:19
avant
5106 Les gens l'ont consulté

Cet article vous présentera la méthode de l'applet WeChat pour obtenir la valeur de la balise d'entrée. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Comment obtenir la valeur de la balise d'entrée dans l'applet

Récupérez les données dans l'entrée dans l'applet WeChat

<scroll-view>
<view id=&#39;titleView&#39;>
<text id="titleText">登录</text>
</view>
<view id=&#39;mainView&#39;>
<text>用户名</text>
<input class=&#39;input&#39; bindinput=&#39;usernameInput&#39;></input>
<text>密码</text>
<input class=&#39;input&#39; bindinput=&#39;passwordInput&#39;></input>
<button class="btn" bindtap=&#39;login&#39;>登录</button>
<button class=&#39;btn&#39; bindtap=&#39;toRegister&#39;>注册</button>
</view>
</scroll-view>
Copier après la connexion

Page de connexion 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;
  },
  })
},
Copier après la connexion

Recommandations d'apprentissage associées : Petit Tutoriel de développement de programme

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!