关于button按钮自动提交表单刷新页面问题

ie7不会出现此问题。

其他版本的ie目前没测试，有空我再完善此文。

出现的问题

1、如果你的按钮(比如：查询按钮、确定按钮或其他按钮)，它有自己的click事件写在js里

button标签这样写的：<button class="button" id="query_btn"></button>并且放在了form表单里,

然后点击一下，比如ajax请求，正常走完后台了，应该按照你的要求进行一些操作哇,提示哇！但是！！！

但是你会发现它很奇怪的把表单给提交了然后整个页面刷新了(类似重新进入页面的感觉)。amazing！

开始以为是跨域问题，后来发现好像不是。

原来是ie的问题，

对于ie8，如果一个button是这样写的<button class="button" id="btn">确定</button>

然后你下面写了它的click事件，那么 ie8就会自动把它反映成<button type="submit" class="button" id="btn">确定</button>

看到了吗是submit！submit！不是普通的button，然后那个click事件就不会执行。

解决办法是：

把每一个没加type的button都加上type="button"

eg:<button type="button" class="button" id="button">确定</button>

就Ok了