Form表單中的button致使頁面刷新而沒法進入Ajax請求回調函數

<button class="layui-btn layui-btn-normal" type="button" onclick="openUserList()">
      <i class="layui-icon">添加成員</i>
</button>

這個按鈕是用來打開一個Ajax方法的,結果發現每次點擊後能進入後臺,可是在前端success回調函數中怎麼也進不來。Oh my God!好簡單的功能,枉我仍是十幾年的軟件工做者。我糾結了很久(大概三秒鐘……煩躁中連續點擊按鈕,看看手速如何@|@)連續點擊的時候突然發現頁面被刷新了!被刷新了!!刷新了!!!html

這個button是寫在form中的,拿到form外發現不刷新,順利在前臺取到數據。ok!問題找到:前端

我用的是firefox瀏覽器,button寫在form中默認類型是「submit」!懂了麼,少年?那麼怎麼搞呢?直接增長type="button"屬性,搞定!其餘瀏覽器沒試過瀏覽器

相關文章
相關標籤/搜索