在网页制作过程中怎样在不刷新页面的情况下使前台页面和 后台CGI页面保持交互一直是个问题。这里介绍两个我在实践中使 用的方法。
方法一:通过Cookie交互。一共是三个文件,分别为: index.htm,action.php,main.htm 原理为前台页面main.htm和后台action.php通过页面框架 index.htm组织起来,将action.php的页面宽度设为0,这样并不 影响显示。action.php将信息放入cookie中,main.htm通过读取 cookie来实现交互。在main.htm中也可以通过重新读取action.php 来实现控制后台CGI程序。
index.htm ---------------------------------------------------------------
以下为引用的内容: www.phperz.com <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 ---------------------------------------------------------------
以下为引用的内容: phperz.com <? 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"> phperz.com function get_cookie() { document.test.current_cookie.value=document.cookie; } </script> </head> <body bgcolor="#FFFFFF"> <form name="test" > 当前参数为<input type="text" name="current_cookie" size="80" maxlength="1000"> </form> <script language="javascript"> setInterval("get_cookie()",200); </script> <br> <a href="action.php" _fcksavedurl=""action.php"" target="leftFrame">重新读取Cookie</a> </body> </html> |
---------------------------------------------------------------
方法二:直接通过parent.*.*来实现交互。一共是三个文件,分别为: index.htm,action.php,main.htm,其中index.htm和前面的一样。 原理为通过parent.rightFrame.test.current_cookie.value直接传递信息。 phperz.com
action.php ---------------------------------------------------------------
以下为引用的内容: <? srand((double)microtime()*1000000); $result=rand(0,100); ?> <script language="javascript"> parent.rightFrame.test.current_cookie.value="<? echo $result?>"; </script> |
---------------------------------------------------------------
main.htm ---------------------------------------------------------------
以下为引用的内容: php程序员站 <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF"> <form name="test" > 当前参数为<input type="text" name="current_cookie" size="80" maxlength="1000"> </form> <br> <a href="action.php" target="leftFrame">重新读取Cookie</a> </body> </html> |
www~phperz~com
|