layui點擊按鈕自動刷新頁面問題

問題

<button class="layui-btn layui-btn-primary" onclick="findData()">查詢</button>

點擊頁面上的按鈕，執行完button的click事件后，會自動的重新刷新一下當前的頁面。

原因

button,input type=button按鈕在IE和w3c，firefox瀏覽器區別：

1. 當在IE瀏覽器下面時，button標簽按鈕，input標簽type屬性為button的按鈕是一樣的功能，不會對表單進行任何操作。
2. 但是在W3C瀏覽器，如Firefox下就需要注意了，button標簽按鈕會提交表單，而input標簽type屬性為button不會對表單進行任何操作。

解決方案

將button標簽更換為input

<input class="layui-btn layui-btn-primary" value="查詢" onclick="findData()"></input>

為button按鈕增加一個type=”button”屬性

<button type="button" class="layui-btn layui-btn-primary" onclick="findData()">查詢</button>