使用ajax和jquery替换div内容

发布时间：2020-12-16 01:37:27 所属栏目：百科来源：网络整理

导读：我尝试使用代码替换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){ $('#Respons

我尝试使用代码替换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.
我尝试过解决方案,但没有成功.

您的代码具有定义onclick操作的功能,并且不会自行调用.我打赌,如果你双击它会起作用的链接,但你应该这样做：

function MakeRequest(id)
{
    $.ajax({
        url : 'display.php',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',success: function(data){
            $('#ResponseDiv').html(data);
        }
    });
});
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!