button按钮在表单刷新界面原因:
<button>在form表单中,如果没有加属性type="button"时,html界面会自动将button按钮解析为submit按钮,因此会自动发送一次请求,当你form表单中没有地址时,则会自动刷新一次界面,作者我在一个项目中被这个bug困扰了一整天,从前端找到后端,调试一点一点看,仍然迷惑为啥自己的searchBtn会发起两次请求![请添加图片描述](https://img-blog.csdnimg.cn/e2177b2ecbc84175bab4e2df5068e05b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAQkJCQmxpdGhl,size_20,color_FFFFFF,t_70,g_se,x_16)
明明只发起了一次请求,却执行了两次方法![请添加图片描述](https://img-blog.csdnimg.cn/133c36bf3b7c4299b9e49799ccf21ba4.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAQkJCQmxpdGhl,size_20,color_FFFFFF,t_70,g_se,x_16)
解决方法:如图所示将<button > 加入属性
<button type="button" >
即可解决问题