Question

全部 -

我试图实现的功能如下

我在页面上有一个链接。对于链接上的每次单击，都必须更改href属性。例如，链接将以href值

开头

<a href="www.google.com">Click Me</a>

对于第二次点击，它应该更改为www.yahoo.com，然后第三次点击，返回www.google.com，依此类推。对于一个用户，我在jquery

中编写了以下代码

 $(".clickMe").bind("click", function(e){
  e.preventDefault();
  var currURL = $(this).attr("href");
  console.log($(this));
  if(currURL === 'www.google.com') {
    $(this).attr("href","www.yahoo.com");
    currURL = "www.yahoo.com";
  } else {
    $(this).attr("href","www.google.com");
    currURL = "www.google.com";
  }

  window.location = currURL;
});

如何在多个用户之间切换URL？如果第一个用户点击该链接，则href应指向www.google.com，对于第二个用户，则应指向www.yahoo.com等。

Answer 1

我认为处理此问题的最佳方法是在服务器端，而不是客户端。

您可以执行以下操作：

让所有链接转到相同的网址/页面

Param和应用程序变量，用于确定第一个用户的发送位置 -

<cflock timeout = "60" scope = "application" type = "Exclusive">
<cfparam name="application.url" default="http://google.com" />
</cflock>

使用抓取该网址的逻辑，然后将其更改为新网址以供下次请求使用 -

<cfset myURl = application.url /> 
<cflock timeout = "60" scope = "application" type = "Exclusive">
<cfif myUrl EQ 'http://google./com'>
  <cfset application.url = 'http://yahoo.com' />
<cfelse>
  <cfset application.url = 'http://google.com' />
</cflock>

最后，使用cflocation重定向用户

<cflocation url="#myurl#" addToekn="false" />

如果您使用的是ColdFusion 9或更高版本，则可以使用ternaty运算符代替if/else。

<cfset application.url = myUrl EQ 'http://google./com' ? 'http://yahoo.com' : 'http://google./com' />

Answer 2

没有办法只使用客户端javascript。您必须对服务器或websockets使用Ajax查询。

这是一个非常轻松的样本（这当然不是最好的样本，但我保持简单易懂）

客户端（带有完整小提琴的JS：http://jsfiddle.net/DxNxj/1）：

function manageURL(updateServer){
  jQuery.ajax({
    type: 'GET',
    url: 'index.php'
    data: {
        action: (updateServer) ? 'setNextURL' : 'getNextURL'
    }, 
    success: function(data, textStatus, jqXHR) {
        $("#url").html(data);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log("Can't retrieve URL");
    }
  });
}

服务器端（PHP）：

<?php
if(isset($_GET['action']){
    if($_GET['action'] == 'getNextURL'){
        echo getURL();
    else if($_GET['action'] == 'setNextURL'){
        echo getURL(true);
    }
}

function getURL($next = false){
    $url = file_get_contents('url.txt');
    if($next){
        switch($url){
            case "http://google.fr":
                $url = "http://yahoo.com";
                break;
            case "http://yahoo.com":
                $url = "http://google.fr";
                break;
        }
        file_put_contents('url.txt', $url);
    }
    return $url;
}

?>

Answer 3

这在Javascript中是不可能的，因为JS在用户浏览器中运行，并且没有任何链接到另一个用户的浏览器。一个选项可能是不直接链接到url，而是将用户重定向到'chooser-script'（php或其他）。然后做这样的事情（php示例）：

$x = 'google.com';
$y = 'google.com';
$last_url = ''; // get it from a database or file or whatever
if($last_url == $x) {
    $redirect_url = $y;
} else {
    $redirect_url = $x;
}
update_last_url($redirect_url);
header('Location: '. $redirect_url;

Answer 4

DEMO

(function($) {
    $.fn.clickToggle = function(func1, func2) {
        var funcs = [func1, func2];
        this.data('toggleclicked', 0);
        this.click(function() {
            var data = $(this).data();
            var tc = data.toggleclicked;
            $.proxy(funcs[tc], this)();
            data.toggleclicked = (tc + 1) % 2;
        });
        return this;
    };
}(jQuery));
$('#click_me').clickToggle(function(){
    $(this).attr("href","http://www.google.com");
},function(){
    $(this).attr("href","http://www.yahoo.com");
});

只能通过ajax完成，如果用户点击链接更新链接，我们将不得不检查每个用户。

Answer 5

我不知道你是如何识别第二个用户的。

无论如何我正在使用jquery的切换功能。

请使用示例Here

查找更新后的脚本

由于

每次点击href的URL之间交替显示

5 个答案: