使用jquery .ajax和hrefs

时间:2012-07-23 14:55:05

标签: jquery

如何将值从此类链接传递给函数<a href="search=sony&offset=20&lang=en" class="more_info">Read More</a>此链接不是静态的,值会根据搜索字词和页码而更改。

当用户点击此链接时,它会将这3个值发送到demo_search.php。结果以html格式返回。只刷新页面上的div。

我无法弄清楚如何将这些值传递给函数中的数据部分。你能帮帮我吗。

$(function() {

    $(".more_info").click(function() {
            // ajax call
            $.ajax({
                type: "GET",
                url: "demo_search.php",
                data: Need help in getting those values from the href here,
                beforeSend: function(html) {

                    $(".imgProgress").html(imgLoad);

                },
               success: function(page_data){

                    $("#results").empty();
                    $("#results").append(page_data);
                    $(".imgProgress").empty();
              },

            });    
        }
        return false;
    });
});

3 个答案:

答案 0 :(得分:3)

尝试:

url: "demo_search.php?"+$(this).attr("href"),

答案 1 :(得分:2)

调用$ .ajax()时,您实际上可以将数据作为查询字符串传递,所以

data : this.href 

应该有用。

答案 2 :(得分:0)

试试这个

$(function() {

    $(".more_info").click(function() {
            var targetLink = this;
            $.ajax({
                type: "GET",
                url: "demo_search.php?"+$(targetLink).attr("href"),
                beforeSend: function(html) {

                    $(".imgProgress").html(imgLoad);

                },
               success: function(page_data){

                    $("#results").empty();
                    $("#results").append(page_data);
                    $(".imgProgress").empty();
              },

            });    
        }
        return false;
    });
});​