在网页制作过程中怎样在不刷新页面的情况下使前台页面和
后台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> |
| 以下为引用的内容： <? srand((double)microtime()*1000000); $result=rand(0,100); setcookie("action",$result,time()+900,"/"); ?> |
| 以下为引用的内容： <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" _fcksavedurl=""action.php"" target="leftFrame">重新读取Cookie</a> </body> </html> |
| 以下为引用的内容： <? srand((double)microtime()*1000000); $result=rand(0,100); ?> <script language="javascript"> parent.rightFrame.test.current_cookie.value="<? echo $result?>"; </script> |
| 以下为引用的内容： <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> |