微信小程序如何获取input并成功发送网络请求

DurkBlue4个月前 ( 02-12 )51抢沙发
微信小程序如何获取input并成功发送网络请求摘要: 1. 获取输入框数据wxml中的input上增加bindinput属性,和方法值在js部分定义与之对应的方法,只要在输入的时候,数据就会绑定调用到该方法,存入data属性变量中2....

1. 获取输入框数据
wxml中的input上增加bindinput属性,和方法值
在js部分定义与之对应的方法,只要在输入的时候,数据就会绑定调用到该方法,存入data属性变量中

2. 调用get请求发起网络请求
调用wx.request发起网络请求

3.调用微信Toast接口展示结果

4.按钮绑定bindtap属性,当按钮点击的时候会调用对应的方法

index.wxml部分


     登录


index.js部分


//index.js//获取应用实例const app = getApp()Page({  data: {    email:"",    passwd:"",  },  onLoad: function () {  },  //获取输入框数据  getEmail:function(e){    this.setData({      email: e.detail.value    })  },  //获取输入框数据  getPasswd: function (e) {    this.setData({      passwd: e.detail.value    })  },  /*  * 验证用户名密码是否正确   */  checkLogin:function(){    var email=this.data.email;    var passwd = this.data.passwd;    var data={      loginfrom:"app",      email: email,      psw: passwd,      output: "json"    };    var url = "https://api.sopans.com/third/login.php";    wx.request({        url: url,        method: 'GET',        data: data,        header: {          'Content-Type': 'application/json'        },        success(res) {          if(res.data.code=200){            wx.showToast({              title: '成功',              icon: 'success',              duration: 2000            })          }        }    });  }})


微信小程序如何获取input并成功发送网络请求 第1张

此篇文章由DurkBlue发布,撰文不易,转载请注明来处

分享到:
0
赞(0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论取消回复

快捷回复:

评论列表 (暂无评论,51人围观)参与讨论