当前位置: 代码迷 >> 综合 >> Boostrap 中 button要注意的点,不注意会导致请求后台两次
  详细解决方案

Boostrap 中 button要注意的点,不注意会导致请求后台两次

热度:96   发布时间:2023-11-23 10:30:54.0

场景

一、使用了boostrap框架的表单提交(即<from>标签);
二、<from>标签里面包含有<button>标签;
三、是写 ajax实现提交数据到后台的。

<form><div class="form-group"><button class="btn btn-primary" onclick="create()">创建</button></div></form>

可能存在的结局

一、请求了两次后台
二、正常提交,只请求了一次后台,万事大吉

原因

原因很简单,因为<button>标签如果你没有指定type属性的话,它默认是submit类型的。所以就会导致ajax请求了一次,然后submit又请求了一次。

总结

写HTML时,一些标签的常见属性要指定,不要给自己及后人留坑。

  相关解决方案