問題呈現:
彈出一個面闆框,填入内容,然後建立一個标簽,發現頁面被重新重新整理了。。。。(而且網址後面增加一個?号),第二重複上一次動作不會重新頁面重新整理的效果,能夠正常建立。弄了一下午,終于找到問題了
<form class="modal-body">
<div id="fleetForm" >
<div class="form-group">
<label for="fleetName">車隊名:</label>
<input type="text" class="form-control" id="fleetName" placeholder="請輸入新增的車隊名">
</div>
<button id="firstAddFleet" class="btn btn-default">立即新增</button>
</div>
</form>
注意到這是表單标簽,剛開始認為隻要<button> 不是submit就可以避免送出動作,最後發現這個是錯誤,它會有送出動作,正是因為這個送出動作生成網址最後?,導緻重新重新整理網頁。
解決辦法就是将form标簽改成div标簽即可,不會存在無緣無故的重新整理。
下次遇到重新整理異常看看是不是form标簽導緻的。