php - 如何使用 Javascript 中的按钮 onclick 事件在 div 中加载 php？

Question

我正在尝试在 php 页面的 div 中动态加载表。我想使用同一页面上的按钮或链接加载表格。

我试过这个：

<button id="fcluns" type="button" onclick="loadpage(this.id)">FC LUNs</button>
<div id="Table"></div>
<script type="text/javascript"> 
function loadpage(clicked_id){
if (clicked_id =="fcluns"){
    $("Table").html('loadingImage.gif').load('getfcLuns.php?name=<?php $Host=$_GET['name']; echo $Host;?>');
}
}
</script>

我正在从 php 页面 getfcLuns.php 生成表，在该页面中执行 mysql 查询以从数据库中获取详细信息。我在这个 php 中获取 $host 并将其传递给 helper php 以生成表。

欢迎任何其他有效的方式。但我只想保留基于 php 的页面。

Answer 1

<script src="ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"; type="text/javascript"> </script>
<button id="fcluns" type="button" onclick="loadpage(this.id)">FC LUNs</button>
<div id="Table"></div>
<script type="text/javascript"> 
function loadpage(clicked_id){
 if (clicked_id =="fcluns"){
    $("Table").load("getfcLuns.php?name=<?php $Host=$_GET['name']; echo $Host; ?>");
}
 }
 </script>

上面的脚本有效。

Answer 2

尝试

$("#Table").css({'background-image':'loadingImage.gif'}).load(
    'getfcLuns.php?name=<?php echo $_GET[name];?>',
    function() {
        $(this).css({'background-image':'none'});
    }
);

阅读文档http://api.jquery.com/load/