关于form表单提交时的坑,submit,submit,submit

                                             关于form表单提交时的坑,submit,submit,submit

说是坑,也是自己的用前端的经验不足,被form表单困扰了一下午。其实当把问题解决后,有一种“TMD竟然是这样,想抽死自己”的感觉。没错,就俩个点,我必须要讲出来。

  • form表单请求中,button的类型一定要设为submit。一定不要设为button。看好,一定得是<button  type="submit" οnclick="save()">保存</button>submit、submit、submit。这是个极其简单的问题,在学习的时候老师其实也强调过,但我为什么点出来,因为这种错误会让你陷入排查陷阱。你会认为自己是哪里写错了,url?para?请求方式?然后你会拿着相同的url和参数去进行request请求,结果发现能正常请求到后台。你会更加怀疑自己,你去找别人相同的代码,去比较和别人的save方法有啥不同,你比来必去,也实在不知道哪里错了。挣扎了一个小时后,你不经意的瞄了一眼你的button按钮,才可能会注意到这里面的type和别人的不一样,这个时候你恍然大悟,原来是这个submit搞的鬼。
  • form属性,一定要设置onsubmit属性,就是<form οnsubmit="return save();"></form>这个今天下午真的把我害惨了,我在一个普通的function里面,写了个逻辑,大意就是判断一下某个<input>标签是否为空,空的话就return false,不空的话再去请求后台。结果发现,即便走进了return false那个判断,后台也会报错。于是我开始了入坑排查。我以为是return fasle的问题,我以为是地址的问题,我以为是前面页面的逻辑判断,找来找去,就难以找到原因(当然也怪自己粗心,其实仔细看看请求的后台,跟正常的请求是不一样的)。到最后,用百度搜索了一下,form表单只要点击提交按钮就会请求到后台。这个问题才算解决。

唉,这俩问题真的是坑,害的我排查了三个小时。当然了,通过这个问题也给了自己一个提醒,遇到不清楚的问题,不要自己死扣,去百度百度也是挺好的。

最后祝大家少些一些bug哈。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值