使用ajax和jquery替换div内容

我试着用下面的代码替换div内容，但它不起作用。我做错了什么

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

//列表以获取值

<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 id='ResponseDiv'>
        This is a div to hold the response.
</div>

这是一个用来保存响应的div。

//my display.php

<?php 
   echo "This is a php response to your request!!!!!!";
?>

编辑：

---

如何检查它是否进入我的display.php。

---

我尝试过解决办法，但没有成功

将onclick事件移动到标记，以便：

---

您的代码有一个定义onclick操作的函数，它本身不进行调用。我打赌如果你双击链接，它会工作，但你应该这样做：

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

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

最后，将调用更改为：

onclick='MakeRequest(5);'

或者只需执行此操作，即可将li元素绑定到click函数，无需“onclick”：

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

删除
MakeRequest（）
函数只需尝试使用
$（“#page_num li”）。单击
否则它将调用函数两次

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

将onclick事件绑定到名为
MakeRequest
的函数，然后在该函数中再次将
li
s绑定到单击事件

你最好采取这种方法：

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

并且去掉内联的onclick事件。
为什么定义onclick='MakeRequest（）；'还有jqueryclick事件。onclick='MakeRequest（5）；'如果数据库中有
id
element@ArashMilani这就是为什么我会直接执行第二个示例并绑定，而不是在onclick方法中进行调用。我认为我们最好提供更实用的答案，而不是按照要求的方式进行操作。如何在display.php中检查它是否正常。我尝试了解决方案，但没有成功。我正在尝试使用makerequest功能，因为我有另一个列表将使用相同的功能。您可以在firefox中使用
firebug
，或者在
chrome
中使用
developer tools
来监视ajax请求。您还可以使用
console.info（var）
作为检查变量的便捷工具。