微信小程序> 微信小程序中使用form表单

微信小程序中使用form表单

浏览量:1978 时间: 来源:漩涡中的蚂蚁

首先,我同事说微信小程序中不能使用form。what?他妈的逗我呢。那么多数据一个一个的赋值不麻烦么?怎么可能。只是自作做一下了。看了一下文档,就有form的组件,也给了案例。心中千万个.....

不多吐槽了,说一下步骤:

  1. 文档中的说明:当点击 form 表单中 form-type 为 submit 的 button 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。 不用多说了吧。
  2. 在.js文件中添加提交的方法,这个方法在哪来?在wxml的form中应该设置一个提交的方法。属性名为:bindsubmit。
  3. 最终的提交还是要用到wx.request 的方法的。我在这里有问题了。请注意,接下来是个着错题。login是方法名。
    login:function(e){    // console.log(e.detail.value);    wx.request({      url: host + 'login',      header: {        "Content-Type": "application/x-www-form-urlencoded"      },      method: "POST",      data:e.detail.value,      success:function(data){        console.log(data);      },      error:function(){        console.log("调用失败");      },      complete:function(){        console.log("所有的都会执行?");      }    })  },

    能找到么?我是一头雾水,机缘巧合下修改过来的。

注:在data属性赋值的时候中间应该有个空格。哈哈哈哈,我还能说些什么呢。脾气有点暴躁。

这是错的,

这是错的,

这是错的。

我现在有点方。我本身是返回去错误的又测试了一下,防止可能得出错误的结论。

然而,第二天,我再测试发现是因为没有配置header而出现了提交数据为空的情况。好吧,注意一下吧。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎