|
![]() |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
在网页制作过程中怎样在不刷新页面的情况下使前台页面和 后台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> --------------------------------------------------------------- 返回类别: 教程 上一教程: 一个php作的文本留言本的例子(六) 下一教程: 页面加载时间的实现 您可以阅读与"PHP与Javascript的两种交互方法"相关的教程: · 通过PHP连接MYSQL的两种方式(1) · 通过PHP连接MYSQL的两种方式(2) · PHP中用户身份认证明现的两种方式 · PHP生成静态页面的两种方式 · 实现树状结构的两种方式 |
![]() ![]() |
快精灵印艺坊 版权所有 |
首页![]() ![]() ![]() ![]() ![]() ![]() ![]() |