Search jQuery

jQuery Forum

Setting the target of an anchor tag

in Getting Started • 13 years ago

Hello all,

I have an anchor tag:

<a class="search-link" href="/Home/DoSomething?param1=haha&amp;param2=4">SearchLink</a>

and a div:

<div id="results"></div>

Can you please show me the jQuery code that sets the target of the link to the div. I mean when the link is clicked by the user, I want the results coming from the server to populate the div asynchronously as opposed to causing a page refresh.

Thanks!

Replies(5)

apinpratap

Re: Setting the target of an anchor tag

13 years ago

$.get("/Home/DoSomething?param1=haha&param2=4", {}, function(reply)
{
$("#results").html(reply);
}, "html");

codergeek

Re: Setting the target of an anchor tag

13 years ago

Thanks,

1. How do I tie the execution of this $.get method to the user clicking the hyperlink?
2. How do I disable the synchronous call o the method that is tied to the hyperlink?

Thanks!

dave.meth..

Re: Setting the target of an anchor tag

13 years ago

$("a.search-link").click(function(){
$.get(this.href, function(reply) {
$("#results").html(reply);
}, "html");
return false;
});

codergeek

Re: Setting the target of an anchor tag

13 years ago

how about:

                $(".search-link").click(function() {
                    $.get($(".search-link").attr("href"), {}, function(reply) {
                        $("#results").html(reply); alert("foo");
                    }, "html");
                });
                $(".search-link").removeAttr("href");

is there a cleaner way to write this?

codergeek

Re: Setting the target of an anchor tag

13 years ago

Thanks to Dave and Apinpatab,

Here is the best code that I have that works.

    $('.search-link').bind('click', function(event) {
    event.preventDefault();
    $.get(this.href, {}, function(reply) {
            $("#results").html(reply);
        }, "html");
    });

None of the codes presented above worked but this one does the trick and it is clean. You can see that there are pieces of everyone's code in here, so their contributions helped find the right answer.

Top Reply

Response title

Attachments

jQuery Forum

Setting the target of an anchor tag

Replies(5)

Re: Setting the target of an anchor tag

Re: Setting the target of an anchor tag

Re: Setting the target of an anchor tag

Re: Setting the target of an anchor tag

Re: Setting the target of an anchor tag

Statistics

Tags

Actions