| 本月文章推荐 |
PHP与Javascript的两种交互方式发表日期：2000-12-25
|
|
在网页制作过程中怎样在不刷新页面的情况下使前台页面和
后台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+Javascript模拟Matrix画面
人气:10972 下一篇：用session做客户验证时的注意事项 人气:12422 |
| 浏览全部的内容
Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐 |
