本文作者:DurkBlue

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

DurkBlue 2020-02-12 1966
微信小程序如何获取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发布,感谢转载需要请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2020-02-12
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(0)

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

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享