bootstrap 框架 按钮自动刷新页面问题

1 、问题：查询页面，点击按钮希望刷新表格数据，每次点击这个按钮的时候，执行完button的click事件后，会自动的重新刷新一下当前的页面。

  <div class="col-sm-4" style="text-align:left;">
                        <button id="search" class="btn btn-primary">统计</button>
                    </div>

2、原因

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

3.解决

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

 <div class="col-sm-4" style="text-align:left;">
                        <button id="search" class="btn btn-primary" type="button">统计</button>
                    </div>

 

此次整理为开发项目时遇到的问题，并在网络上找到的解决方案，记录下来便于查找也顺便帮助大家。