jquery - 带有链接的jquery获取函数

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>

以及如何通过单击带有 jQ​​uery/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，那么试试这个。无需解析查询字符串参数并创建相同的 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

尝试在您的获取请求中定位锚的 href。就像是

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

然后，您还可以解析 target_url 以获取参数