js提交a標籤中的href地址
阿新 • • 發佈:2018-11-08
場景:
專案中有一個刪除是直接用的a標籤的href和jinja的url_for+刪除操作的路由地址實現刪除操作
<a href="url_for('admin.area_delete',id=id)" class='btn btn-xs btn-danger'>
<i class='btn btn-xs btn-danger'></i>
</a>
但是:
這樣的話一點選就直接刪除掉了,實際上想要在刪除之前新增一個confirm確認一下,以避免誤刪。
.
所以我把這個帶href的a標籤隱藏掉,增加一個按鈕A和a標籤關聯
<button type="button" class="btn btn-xs btn-danger">
<i class='btn btn-xs btn-danger'></i>
</button>
<a href="url_for('admin.area_delete',id=id)" class='hidden'></a>
然鵝:
標籤a的click()沒有效果呀!!?!!?
啊!!!!
最終:
在找了一些部落格之後,發現了可行的辦法(這裡感謝部落格!感謝各位寫部落格分享知識的人們!):
獲取a標籤的href,用js跳轉這個連結
這裡試了兩個實現的方式:
- window.open(href) //當前頁面全部重新整理
- window.location.href=href // 當前塊重新整理
因為我們的專案是用到主頁面和子頁面巢狀的方式,所以選擇用了window.location.href方式,完美實現刪除前的確認,舒服~~