jquery：Chromeでこの機能が動作しないのはなぜですか？

Question

<script> 
$(document).ready(function() { 
    $('#enter').click(function() { 
    $.post('setCookie.php'); 
    });  
}); 
</script> 

<div id="enter"> 
    <a href="http://www.mydomain.com">Enter</a> 
</div> 

Enterをクリックすると、mydomain.comにアクセスしてクッキーを設定することになっています。 Firefoxでは動作しますが、IEやChromeでは動作しません。何か案は？

Answer 1

私は

<a href="javascript:$.post('setCookie.php');window.location='http://www.mydomain.com'">abc</a> 

Answer 2

は

$('#enter a').click(function() { 

編集してみないと思います：あなたはアンカークリックで行くPOSTを持って、その後、アンカー自体にGET 。その縫い目はブラウザ上で衝突する。

さらに良い結果を得るには、SetCookieAndRedirect.phpページを作成し、Cookieを設定した後にURLにリダイレクトしてください。

Answer 3

Chrome用に読み込む前にサイトに移動している可能性があります。あなたは、アンカータグの「_blank」にターゲット属性を設定することができ、またはそのようにあなたは、$ .post終了後にコールバック関数を使用できます。

<script> 
$(function(){ 
    $('#enter').click(function() { 
    $.post('setCookie.php',function(){ 
window.location = $('#enter a').attr('href'); 
}); 
    });  
}); 
</script> 

<div id="enter"> 
    <a href="http://www.mydomain.com" onclick="return false;">Enter</a> 
</div> 

Answer 4

この

$(document).ready(function() { 
    $('#enter a').click(function(e) { 
     e.stopPropagation(); 
     var href = this.href; 
     $.post('setCookie.php', function(){ 
      window.location.href = href; 
     }); 
    });  
}); 

Answer 5

があることを覚えて試してみてください.post（）呼び出しは非同期なので、残りの関数は引き続きバックグラウンドで.post（）が動作するように流れます。投稿内にコールバック機能を使用する必要があります：エラーチェックをしたくない場合は、if/elseをスキップしてリダイレクトを呼び出してください。

限りリダイレクトとしてあなたがいずれかを使用することができます

$(document).ready(function() { 
    $.post('ajax/test.html', function(data) { 

     if (data.success === 'cookieset') 
     { 
      // redirect to page 
       window.location.replace("http://mydomain.com"); 
     } 
     else 
     { 
      // put some sort of notification here that it wasn't set and decide what to do next 
       window.location.replace("http://mydomain.com"); 
     } 

    }); 
}); 

：

を

window.location.replace("http://mydomain.com") HTTPリダイレクトの使用をシミュレートします。

またはリンク使用

window.location.href = "http://mydomain.com";