用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序问题汇总及详《一》form表单

纸飞机 2018-3-8 09:35

作者:JoyJin,来自原文地址 附上微信开发文档链接:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.htmlform表单:当点击 表单中 formType 为 submit 的 组件时,会将表单组件中的 value 值进行提交 ...

作者:JoyJin,来自

原文地址


附上微信开发文档链接:

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html

form表单:

当点击

表单中 formType 为 submit 的
    1. Page({
    2. data: loginData,
    3. loginTap: function (e) {
    4. var that = this //这句很重要
    5. var loginData = e.detail.value //获取表单里所有key的值
    6. wx.request({
    7. method: 'POST',
    8. url: 'https://....', //小程序只能采用https
    9. data: loginData, //请求的数据
    10. header: {'content-type': 'application/json'},
    11. success: function (res) {
    12. var tokend = res.data.token; //获取后台token
    13. wx.setStorageSync('tokend', tokend) //存储token
    14. if (res.code == 200) {
    15. wx.switchTab({ //跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,路径后不能带参数(需在 app.json 的 tabBar 字段定义的页面)
    16. url: '../index/index',
    17. })
    18. }if (res.code == 400) {
    19. wx.showToast({ //消息提示框,默认只能success,loading两种形式,可引进图片方式
    20. title: '手机号码不正确',
    21. image: '../Image/error.png',
    22. duration: 2000
    23. })
    24. }
    25. },
    26. })
    27. }
    28. })

    也可以就单独获取每个input的值

    1. Page({
    2. data:{
    3. phone:''
    4. },
    5. phone:function(e){ //获取input值
    6. var that = this;
    7. that.setData({
    8. phone: e.detail.value
    9. })
    10. },
    11. phoneBtn: function (e) {
    12. var that = this;
    13. wx.request({
    14. url: 'https://....',
    15. method: 'GET',
    16. header: { 'content-type': 'application/json' },
    17. data: {
    18. 'phone': that.data.phone //请求的数据
    19. },
    20. success: function (res) {}
    21. })
    22. },
    23. })
    鲜花
    鲜花
    握手
    握手
    雷人
    雷人
    路过
    路过
    鸡蛋
    鸡蛋
    分享至 : QQ空间
    收藏