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方式,完美實現刪除前的確認,舒服~~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章