首先,我同事说微信小程序中不能使用form。what?他妈的逗我呢。那么多数据一个一个的赋值不麻烦么?怎么可能。只是自作做一下了。看了一下文档,就有form的组件,也给了案例。心中千万个.....
不多吐槽了,说一下步骤:
- 文档中的说明:当点击
<form>
表单中 form-type 为 submit 的<button>
组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。 不用多说了吧。 - 在.js文件中添加提交的方法,这个方法在哪来?在wxml的form中应该设置一个提交的方法。属性名为:bindsubmit。
- 最终的提交还是要用到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而出现了提交数据为空的情况。好吧,注意一下吧。