replace div content using ajax and jquery

ajax, jquery

Solution

Your code has a function which defines an onclick action and doesn't make the call itself. I bet if you double clicked the link it would work, but you should do it like this:

function MakeRequest(id)
{
    $.ajax({
        url : 'display.php',
        data:{"id":id},
        type: 'GET',

        success: function(data){
            $('#ResponseDiv').html(data);
        }
    });
}

Finally, change the call to this:

onclick='MakeRequest(5);'

OR just do this, which binds the li element to the click function and no "onclick" is necessary:

$(document).ready(function()
{
    $("#page_num li").click(function() {
       var id=$(this).attr(id);
        $.ajax({
        url : 'display.php',
        data:{"id":id},
        success: function(data){
            $('#ResponseDiv').html(data);
        }
    });
});
});

Problem

I try following code to replace div content but its not working what i am doing wrong? ``` function MakeRequest() { $("#page_num li").click(function() { var id=(this.id); alert(id); $.ajax({ url : 'display.php', data:{"id":id}, type: 'GET', success: function(data){ $('#ResponseDiv').html(data); } }); }); } ``` //list to get value ``` <ul id="page_num"> <li id="5" onclick='MakeRequest();' ><a href="#">5</a></li> <li id="10" onclick='MakeRequest();' ><a href="#">10</a></li> <li id="15" onclick='MakeRequest();' ><a href="#">15</a></li> </ul> ``` //div to replace ``` <div id='ResponseDiv'> This is a div to hold the response. </div> ``` //my display.php ``` <?php echo "This is a php response to your request!!!!!!"; ?> ``` EDIT: how can i check its going or not to my display.php. i have try solution but not get success.

Original source