php后臺程序與Javascript的兩種交互方式

更新時間：2009年10月25日 17:44:03 作者：

在網(wǎng)頁制作過程中怎樣在不刷新頁面的情況下使前臺頁面和后臺CGI頁面保持交互一直是個問題。這里介紹兩個方法。

方法一：通過Cookie交互。
一共是三個文件，分別為：index.htm,action.php,main.htm
原理為前臺頁面main.htm和后臺action.php通過頁面框架 index.htm組織起來，將action.php的頁面寬度設(shè)為0，這樣并不影響顯示。action.php將信息放入cookie中，main.htm通過讀取 cookie來實現(xiàn)交互。在main.htm中也可以通過重新讀取action.php 來實現(xiàn)控制后臺CGI程序。
index.htm

復制代碼代碼如下:

 
<html> 
<head> 
<title>Test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
</head> 
<frameset framespacing="0" border="false" frameborder="0" cols="0,*"> 
<frame name="leftFrame" scrolling="no" noresize src="action.php"> 
<frame name="rightFrame" scrolling="auto" src="main.htm"> 
</frameset><noframes> 
<body bgcolor="#FFFFFF"> 
<p>本頁使用頁面框架，但是您的瀏覽器不支持。</p> 
</body> 
</noframes> 
</html> 

action.php

復制代碼代碼如下:

 
<?php 
srand((double)microtime()*1000000); 
$result=rand(0,100); 
setcookie("action",$result,time()+900,"/"); 
?> 

main.htm

復制代碼代碼如下:

 
<html> 
<head> 
<title>Test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<script language="javascript"> 
function get_cookie() 
{ 
document.test.current_cookie.value=document.cookie; 
} 
</script> 
</head> 
<body bgcolor="#FFFFFF"> 
<form name="test" > 
當前參數(shù)為<input type="text" name="current_cookie" size="80" maxlength="1000"> 
</form> 
<script language="javascript"> 
setInterval("get_cookie()",200); 
</script> 
<br> 
<a href="action.php" target="leftFrame">重新讀取Cookie</a> 
</body> 
</html> 

方法二：直接通過parent.*.*來實現(xiàn)交互。
一共是三個文件，分別為：index.htm,action.php,main.htm，其中index.htm和前面的一樣。
原理為通過parent.rightFrame.test.current_cookie.value直接傳遞信息。
action.php

復制代碼代碼如下:

 
<? 
srand((double)microtime()*1000000); 
$result=rand(0,100); 
?> 
<script language="javascript"> 
parent.rightFrame.test.current_cookie.value="<? echo $result?>"; 
</script> 

main.htm

復制代碼代碼如下:

 
<html> 
<head> 
<title>Test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
</head> 
<body bgcolor="#FFFFFF"> 
<form name="test" > 
當前參數(shù)為<input type="text" name="current_cookie" size="80" maxlength="1000"> 
</form> 
<br> 
<a href="action.php" target="leftFrame">重新讀取Cookie</a> 
</body> 
</html> 

您可能感興趣的文章: