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

时间:2013-07-18 04:56:36

标签: php javascript

我正在尝试在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并将其传递给帮助程序php以生成表。

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

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:2)

<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>

以上脚本已经完成。