Question

How do you pass values from a link like this to a function <a href="search=sony&offset=20&lang=en" class="more_info">Read More</a> This link isn’t static and values change depending on the search term and page number.

When a user clicks this link, it sends those 3 values to demo_search.php. Results are returned as html. Only a div on the page is refreshed.

I cant figure out how to get those values to the data part in the function. Can you please help me with that.

$(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;
    });
});

Answer 1

try:

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