点击后更改链接名称和href答案

【问题标题】：Change links name and href after it's been clicked点击后更改链接名称和href
【发布时间】：2020-02-12 20:27:10
【问题描述】：

我有以下链接：

<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-function 将无法工作，因为它会重定向到新页面。

【问题讨论】：

标签： javascript php href

【解决方案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 ,...});
};

&lt;a href = "/"&gt;Add to favorites&lt;/a&gt;

【讨论】：