Question

如何使用搜索引擎机器人无法跟踪的javascript链接（通过不设置href）？

例如：我目前使用以下内容显示upvote和down投票链接：

<a href="question-xyz/vote?type=up" data-method="post" data-remote="true" rel="nofollow">Upvote</a>
<a href="question-xyz/vote?type=down" data-method="post" data-remote="true"rel="nofollow">Upvote</a>

如何编写像stackoverflow投票这样的链接

Answer 1

您可以使用JQuery .click（）方法发送一个upvote的ajax请求。

看起来像那样：

HTML

<a class="voteButton" data-href="question-xyz/vote?type=down" data-method="post" data-remote="true" rel="nofollow"> Upvote </a>

的Javascript

$('.voteButton').click(function(){

     $.ajax($(this).attr("data-href"), {
         [your ajax request object] 
     });

});

也可以简单地重定向页面：

.click(function(){
  window.href = $(this).attr("data-href") ;    
});

希望这有帮助！

Answer 2

只需向链接添加一个事件监听器并使用preventDefault方法，然后获取数据并发出ajax请求。

顺便说一句，我建议改用按钮。

PD：SO不会将href放在链接中，您应该只放置 data - 属性。

Answer 3

我建议使用一个简单的post绑定到投票按钮，将url作为数据属性，如下所示：

$('.upvote-btn').click(function(){
  $.post(
    $(this).data('url'),
    {type: 'up'}
  );
})

Stackoverflow就像用于向上/向下投票的javascript链接

3 个答案: