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

如果您想要请求相同的网址，请尝试此操作。无需解析查询字符串参数并创建相同的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
});

Answer 3

尝试在get请求中定位锚点的href。

之类的东西

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

然后你也可以解析target_url以获得params

jquery获取带链接的函数

3 个答案: