問題
<button class="layui-btn layui-btn-primary" onclick="findData()">查詢</button>
點選頁面上的按鈕,執行完button的click事件後,會自動的重新重新整理一下目前的頁面。
原因
button,input type=button按鈕在IE和w3c,firefox浏覽器差別:
- 當在IE浏覽器下面時,button标簽按鈕,input标簽type屬性為button的按鈕是一樣的功能,不會對表單進行任何操作。
- 但是在W3C浏覽器,如Firefox下就需要注意了,button标簽按鈕會送出表單,而input标簽type屬性為button不會對表單進行任何操作。
解決方案
<input class="layui-btn layui-btn-primary" value="查詢" onclick="findData()"></input>
<button type="button" class="layui-btn layui-btn-primary" onclick="findData()">查詢</button>