在网页制作过程中怎样在不刷新页面的情况下使前台页面和后台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 --------------------------------------------------------------- <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 --------------------------------------------------------------- <? 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" > 当前参数为<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.*.*来实现交互。一共是三个文件,分别为: 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" > 当前参数为<input type="text" name="current_cookie" size="80" maxlength="1000"> </form> <br> <a href="action.php" target="leftFrame">重新读取Cookie</a> </body> </html> |