繁體中文当前位置: 首页 > 图文教程 > 网络编程 > PHP > PHP与Javascript的两种交互方式
- PHP
- php调用mysql存储过程
- PHP+.htaccess实现全站静态HTML文件GZIP压缩传输(一)
- PHP中HTTP方式下的Gzip压缩传输方法举偶
- 隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
- 如何提高PHP速度
- 发布一个用PHP fsockopen写的HTTP下载的类
- php公用函数列表[正则]
- 实现了一个PHP5的getter/setter基类的代码
- php简单封装了一些常用JS操作
- Smarty＋QUICKFORM小小演示
- 给php新手谈谈我的学习心得
- NOD32 v2.70.32 简体中文封装版 提供下载了
- 个人站长制做网页常用的php代码
- 收集的php编写大型网站问题集
- 如何从一个php文件向另一个地址post数据，不用表单和隐藏的变量的
- php下实现农历日历的代码
- php+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
- php网页后退不再出现过期
- PHP实现用户认证及管理完全源码
- 用PHP制作的意见反馈表源码
PHP与Javascript的两种交互方式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-23 浏览: 263 ::
收藏到网摘: n/a
在网页制作过程中怎样在不刷新页面的情况下使前台页面和
后台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>
---------------------------------------------------------------
评论 (0) All
