把button写在form内,只想点击时执行自己定义的方法,但为什么会提交呢?
</form>
……
……
<button class="btn btn-success" onclick="refreshChannel()">刷新渠道</button>
</form>
当你这样写,可能你想只执行refreshChannel方法,但你点击时,页面会刷新,但url的“?”后面是空字符串,如果你进入该页面时传有一些参数,这肯定会导致一些问题的出现,因为“?”后面的参数全都没了,下面是原因及解决方法。
问题原因:type有三种类型,button,reset,submit
,如果没有写type,即使写<button></button>
默认的type也是"submit"
,而不是你以为的"button"
解决方法:
1、写在form外,再写一个div,这样怎么点都不会提交表单并刷新页面
2、只改一下默认的type就好,所以,如果是非提交按钮,别忘写type
<button type="button" class="btn btn-success" onclick="refreshChannel()">刷新渠道</button>