Button自动刷新页面的问题

一、问题

<button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99"  data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>
1
1
1

页面上有这样一个按钮，每次点击这个按钮的时候，执行完button的click事件后，会自动的重新刷新一下当前的页面。

二、原因

button,input type=button按钮在IE和w3c，firefox浏览器区别： 
1、当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。 
2、但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。

注意：尤其是在使用ajax提交表单数据时，button被点击后会自动刷新当前页面的特性会导致在ajax的回调函数执行出现问题，比如在回调函数中有写alert(“aaa”)时，这就会导致ajax在执行回调函数后无法看到弹出框。就因为这个问题导致我浪费了一个下午的时间，简直令人发指。

三、解决办法

为button按钮增加一个type=”button”属性。

<button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99"  data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>
1
1
1