javascript - jQuery load content from link with Ajax

Question

I have a -link element that has href link to page, but I have to use Ajax to load that content from href -url and not redirect user to that page. How can I modify my link to just load content from that link, so I can inject that content to current page?

<a class="bind-jquery-event-here-class" href="http://webpage.com">Link</a>

I made this, but it doesn't work.

$(".bind-jquery-event-here-class").bind("click", function() {       
    var url = $(this)attr("href").val();
    var content = $.load(url);
    alert(content);
});

Answer 1

The load function is not intended to gather the request response, this function is used to load HTML from a remote file and inject it to a DOM element, for example:

$('a').bind('click', function(e) {           
  var url = $(this).attr('href');
  $('div#container').load(url); // load the html response into a DOM element
  e.preventDefault(); // stop the browser from following the link
});

If you handle click events of anchor elements you should prevent the browser from following the link href.

Also keep in mind that Ajax request can be done only withing the same domain due the Same Origin Policy.