單擊后更改鏈接名稱和 href

Question

我有以下鏈接：

<span class="hds-icon-star-empty" aria-hidden="true"><!-- --></span>  <a href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" data-lightbox class="save-record" data-id="<?=$this->escapeHtmlAttr($this->driver->getUniqueId()) ?>"><?=$this->transEsc('Add to favorites')?></a><br/>
        <br/>

現在我想在單擊鏈接后將文本“添加到收藏夾”更改為“已添加到收藏夾”。 我想 onclick 函數將不起作用，因為它會在單擊鏈接之前重定向到新頁面。

Answer 1

您可以使用event.preventDefault()停止鏈接的默認行為

但您還必須使用AJAX向目標頁面發送請求，以執行與數據庫相關的實際功能。

 document.querySelector("a").onclick = function(){ event.preventDefault(); this.innerHTML = "Already Added to Favorites"; var href = this.getAttribute("href"); //$.ajax({url : href ,...}); };

 <a href = "/">Add to favorites</a>