how to use AJAX to fetch content

I need to do a fetch using ajax. I need to use this: ajax/get_item_list/group_id/offset/limit/true (return true as JSON) where id comes from a link that user clicks. And when user clicks that link, it should call(?) that "ajax/get_item_list/group开发者_JAVA技巧_id/offset/limit/tru" to get content to a div. And when user clicks another link (in navigation), it should do that again, but ofcourse it should get new content.

I am using drupal if that info is needed.

//Mario

Have you tried some jquery?

<div id="display"></div>
<a href="/ajax/get_item_list/1/1/50" class="ajaxToDisplay">Click me</a>

And then some javascript:

$(document).ready(function(){
    $('a.ajaxToDisplay').click(function(){
        $('#display').load(this.href);
        return false;
    });
});

I get this kind of error on firebug: $(this).href is undefined [Break on this error] var group_id = $(this).href.replace(/.*#/, '');

this is when i use jcubic's proposal.

//mario

You can use JQuery.

$('a.link_class').click(function() {
  var group_id = $(this).href.replace(/.*#/, '');
  $.get("ajax/get_item_list/" + group_id + "/offset/" + limit "/true", null, function(data, status, xhr) {
   $('#your_div_id').html(data);
  });
});

and in html use links:

<a href="#your_group_id">link</a>  
<div id="your_div_id"></div>