1. 程式人生 > >js提交a標籤中的href地址

js提交a標籤中的href地址

場景:

專案中有一個刪除是直接用的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標籤關聯

,當點選按鈕A時候,在A的點選事件裡用js去觸發這個a標籤的href連結實現刪除。

<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跳轉這個連結

這裡試了兩個實現的方式:

  1. window.open(href) //當前頁面全部重新整理
  2. window.location.href=href // 當前塊重新整理

因為我們的專案是用到主頁面和子頁面巢狀的方式,所以選擇用了window.location.href方式,完美實現刪除前的確認,舒服~~