PHP与javascript的两种交互方式
程序员文章站
2022-12-26 08:28:42
在网页制作过程中怎样在不刷新页面的情况下使前台页面和 后台cgi页面保持交互一直是个问题。这里介绍两个我在实践中使 用的方法...
在网页制作过程中怎样在不刷新页面的情况下使前台页面和
后台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>
---------------------------------------------------------------
后台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>
---------------------------------------------------------------
下一篇： 20190516-归并排序
推荐阅读
-
centos6.5中用yum方式安装php5.4与apache2.2的步骤
-
c#两种方式调用google地球,调用COM API以及调用GEPLUGIN 与js交互，加载kml文件，dae文件。将二维高德地图覆盖到到三维谷歌地球表面。
-
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
-
Nginx使用的php-fpm的两种进程管理方式及优化
-
如何通过非数字与字符的方式实现PHP WebShell详解
-
PHP实现无限极分类的两种方式示例【递归和引用方式】
-
PHP与javascript实现变量交互的示例代码
-
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
-
QQ群营销方法中群主与群员两种角色的营销方式
-
javascript与jsp发送请求到servlet的几种方式实例