form表单自动变为Get

解决提交Form表单自动变为Get请求,地址栏带参数。

岁月悠悠,衰微只及肌肤;热忱抛却,颓唐必致灵魂

使用场景: layui-jQuery提交,因为想用回调函数做页面的跳转。

出现的问题:

  • 输入完用户名和密码,地址栏上会自动挂参.
  • 找了好久,后来发现是form表单没写 method方法.

加了method方法之后再次请求,地址栏虽然不挂参了,但是没有走我需要的函数。而且地址栏上依然出现了两> 次请求,第二次请求的类型是document,也就是说又请求了一次页面。

接着排查发现,button 的类型没写,再把 type 属性加上。

大功告成 !

总结:

1. Form表单不添加method的条件下,默认提交方式为 “get”,

2. 如果不给button添加type=“button”,点击button时会触发表单的submit事件,导致页面刷新,url请求会再次发送;


  转载请注明: RRYF form表单自动变为Get

  目录