jquery - リンク付きのjquery get関数

Question

パラメータとのリンクがあります：

<a href="index.php?page=home&lang=en" class="flag">
    <img src="./images/flags/en.png" class="flag_on" alt="en" title="en">
</a>

jQuery/Ajax のリンクをクリックして$langパラメータを index.phpに解析する方法は?

私の作業例:

$(".flag").click(function(event) {
    event.preventDefault();
    $.get(this.href, function(data) {
        location.reload();
    });
});

Answer 1

$(".flag_on").click(function(){
    $.get($(this).parent().attr("href"), function(data) {
         $('.result').html(data);
         alert('Load was performed.');
    });
});​

または、HTML コードを変更して、画像ではなくリンクに対してクリック イベントを使用することもできます。

<a href="index.php?page=home&lang=en" class="flag">
    <img src="./images/flags/en.png" class="flag_on" alt="en" title="en">
</a>

$(".flag").click(function(event) {
    event.preventDefault();
    $.get(this.href, function(data) {
        $('.result').html(data);
        alert('Load was performed.');
    });
});

Answer 2

get リクエストでアンカーの href をターゲットにしてみてください。何かのようなもの

var target_url =$(this).parent("a") 
$.get(target_url, function(data){
  do something...
}

その後、target_url を解析して params を取得することもできます

Answer 3

同じ URL をリクエストしたい場合は、これを試してください。クエリ文字列パラメーターを解析して同じ URL を作成する必要はありません。

$(".flag_on").click(function(e){
    $.get(this.parent()[0].href, function(data) {
        $('.result').html(data);
        alert('Load was performed.');
    });
    e.stopPropagation(); //stop event bubbling
});