使用JS呼叫另一PHP程式后直接返回數(shù)值而不必翻新頁面
我是用iframe來實現(xiàn)的，改天再想想其他的實現(xiàn)方法，由于只是簡單的實現(xiàn)你所需要的使用JS來呼叫PHP頁面保證本頁面不刷新，所以很多代碼就沒有復(fù)雜化，將JS
與PHP同時復(fù)雜點代碼，讓PHP從數(shù)據(jù)庫里提數(shù)據(jù)，我想這個還是比較方便的~
代碼:(index.HTML)
-----------------
<html>
<head>
<title>??
</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<script language=javascript type=text/javascript>
function tree_list(a){
document.all("did"+a).innerHTML="<font color=red>正在裝入....</font>";
document.all("sc").innerHTML="<iframe src=\"list.php?id="+a+"\" frameborder=0 width=0 height=0></iframe>";
//alert("<iframe src=\"list.php?id="+a+"\" frameborder=0 width=0 height=0></iframe>");
}
</script>
<body>
<span id="sc"></span><!--HTML操作位置-->
<!--以下可以使用php動態(tài)生成這些數(shù)據(jù)以提高多層-->
·<a href="#" onclick="tree_list(1)">11111111111</a><br>
<span id="did1"></span>
·<a href="#" onclick="tree_list(2)">22222222222</a><br>
<span id="did2"></span>
·<a href="#" onclick="tree_list(3)">33333333333</a><br>
<span id="did3"></span>
·<a href="#" onclick="tree_list(4)">44444444444</a><br>
<span id="did4"></span>
·<a href="#" onclick="tree_list(5)">55555555555</a><br>
<span id="did5"></span>
·<a href="#" onclick="tree_list(6)">66666666666</a><br>
<span id="did6"></span>
·<a href="#" onclick="tree_list(7)">77777777777</a><br>
<span id="did7"></span>
·<a href="#" onclick="tree_list(8)">88888888888</a><br>
<span id="did8"></span>
·<a href="#" onclick="tree_list(9)">99999999999</a><br>
<span id="did9"></span>
<!--如果構(gòu)造巧妙的話還可以使用links這個來改變<span>的存在性-->
</body>
</html>
list.php
---------
<script>
<?php
if(isset($_GET[id])){
$t=$_GET[id];
}
echo "parent.document.all(\"did$t\").innerHTML=\"<font color=red>列表...did$t </font><br>\";\n";
?>
</script>
以上我本機調(diào)試通過，這個是使用了iframe 來完成的，沒有象嘮叨說的用XML以及數(shù)據(jù)島方式，過段時間看看~
posted on 2006-02-22 13:47
豪 閱讀(856)
評論(1) 編輯 收藏 引用 所屬分類:
php學習與實踐