ajax請求後 出現自動刷新當前頁面情況

 

ajax請求後,返回當前頁面success function 函數也執行了

但是就在此時 整個頁面自動刷新了

經過我仔細認真的觀察與分析後，然而並沒有得出什麼結果。

最後問了問度娘，他告訴我，button 的 type屬性 不能爲 submit ，如果爲submit 就等同於 form 表單，會提交請求，而我又沒有寫請求地址，那麼請求會提交到本頁面，也就有了請求後刷新的現象。

所以，

 <button id="sub" type="submit"  >請求ajax</button>

與

<form>   //不寫action
    
</form>

 這兩種情況，都會出現請求

 

解決方法：

1.刪除button 中的type 屬性，利用id  或者  onclick 去觸發函數，因爲如果不寫type屬性，那麼默認就是button

2.刪掉 form 標籤，form 標籤如果什麼內容都沒寫，會重新提交到本頁面