8

我尝试使用以下代码替换 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

<div id='ResponseDiv'>
        This is a div to hold the response.
</div>

//我的display.php

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

编辑：我如何检查它是否进入我的 display.php。我尝试了解决方案，但没有成功。

4

4 回答 4

9

您的代码有一个函数，它定义了一个 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);
        }
    });
});
});
于 2012-12-12T04:47:40.670 回答
2

删除MakeRequest()函数只是尝试使用，$("#page_num li").click否则它将调用函数两次

$(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);
         }
      });
   });
});
于 2012-12-12T04:47:53.990 回答
1

您已将 onclick 事件绑定到调用MakeRequest的该函数，然后在该函数中再次将lis 绑定到 click 事件。

你最好采用这种方法：

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

并摆脱内联onclick事件。

于 2012-12-12T04:49:04.870 回答
-1

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

<a href="#" onclick='MakeRequest();>

于 2012-12-12T04:45:54.820 回答