请选择 进入手机版 | 继续访问电脑版
绿茶科技社区

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
1. 获取输入框数据
wxml中的input上增加bindinput属性,和方法值
在js部分定义与之对应的方法,只要在输入的时候,数据就会绑定调用到该方法,存入data属性变量中
2. 调用get请求发起网络请求
调用wx.request发起网络请求
3.调用微信Toast接口展示结果
4.按钮绑定bindtap属性,当按钮点击的时候会调用对应的方法
index.wxml部分
  1. <view class="indexInput">
  2.   <input  maxlength="100" bindinput="getEmail" placeholder="邮箱地址" />
  3. </view>
  4. <view class="indexInput">
  5.   <input password  maxlength="30" bindinput="getPasswd" placeholder="密码" />
  6. </view>
  7. <view class="indexButton">
  8. <button type="primary" bindtap="checkLogin" loading="{{loading}}"> 登录 </button>
  9. </view>
复制代码
index.js部分
  1. //index.js
  2. //获取应用实例
  3. const app = getApp()

  4. Page({
  5.   data: {
  6.     email:"",
  7.     passwd:"",
  8.   },

  9.   onLoad: function () {

  10.   },
  11.   //获取输入框数据
  12.   getEmail:function(e){
  13.     this.setData({
  14.       email: e.detail.value
  15.     })
  16.   },
  17.   //获取输入框数据
  18.   getPasswd: function (e) {
  19.     this.setData({
  20.       passwd: e.detail.value
  21.     })
  22.   },
  23.   /*
  24.   * 验证用户名密码是否正确
  25.    */
  26.   checkLogin:function(){
  27.     var email=this.data.email;
  28.     var passwd = this.data.passwd;
  29.     var data={
  30.       loginfrom:"app",
  31.       email: email,
  32.       psw: passwd,
  33.       output: "json"
  34.     };
  35.     var url = "https://api.sopans.com/third/login.php";
  36.     wx.request({
  37.         url: url,
  38.         method: 'GET',
  39.         data: data,
  40.         header: {
  41.           'Content-Type': 'application/json'
  42.         },
  43.         success(res) {
  44.           if(res.data.code=200){
  45.             wx.showToast({
  46.               title: '成功',
  47.               icon: 'success',
  48.               duration: 2000
  49.             })
  50.           }
  51.         }
  52.     });
  53.   }
  54. })
复制代码

分享到 :
0 人收藏

2 个回复

倒序浏览
wolfy  高级会员 | 2019-10-9 08:39:57
锄禾日当午,发帖真辛苦。谁知坛中餐,帖帖皆辛苦!
施杨  金牌会员 | 2019-10-11 15:33:33
OMG!介是啥东东!!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

举报|Archiver|手机版|小黑屋|Lvchakeji Inc.  

Powered by Discuz! X3.3 © 2001-2016 Comsenz Inc.

返回顶部