php后台程序与Javascript的两种交互方式


Posted in PHP onOctober 25, 2009

方法一:通过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
<?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 相关文章推荐
Optimizer与Debugger兼容性问题的解决方法
Dec 01 PHP
discuz7 phpMysql操作类
Jun 21 PHP
php面向对象全攻略 (四)构造方法与析构方法
Sep 30 PHP
php 无极分类(递归)实现代码
Jan 05 PHP
DedeCMS dede_channeltype表字段注释
Apr 07 PHP
destoon后台网站设置变成空白的解决方法
Jun 21 PHP
php与flash as3 socket通信传送文件实现代码
Aug 16 PHP
PHP生成word文档的三种实现方式
Nov 14 PHP
PHP简单实现循环链表功能示例
Nov 10 PHP
PHP实现微信红包金额拆分试玩的算法示例
Apr 07 PHP
PHP面向对象之里氏替换原则简单示例
Apr 08 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
Oct 10 PHP
PHP 数组教程 定义数组
Oct 23 #PHP
PHP 判断变量类型实现代码
Oct 23 #PHP
PHP 变量类型的强制转换
Oct 23 #PHP
PHP教程 预定义变量
Oct 23 #PHP
PHP 处理图片的类实现代码
Oct 23 #PHP
PHP教程 变量定义
Oct 23 #PHP
PHP教程 基本语法
Oct 23 #PHP
You might like
如何写php程序?
2006/12/08 PHP
PHP 中文处理技巧
2010/04/25 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
PHP采用超长(超大)数字运算防止数字以科学计数法显示的方法
2016/04/01 PHP
Laravel框架使用Redis的方法详解
2018/05/30 PHP
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
nodejs中使用monk访问mongodb
2014/07/06 NodeJs
JavaScript参数个数可变的函数举例说明
2014/10/10 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
2015/06/05 Javascript
JS截取与分割字符串常用技巧总结
2015/11/10 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
微信小程序实现跑马灯效果
2020/10/21 Javascript
微信小程序之左右布局的实现代码
2019/12/13 Javascript
ES6中new Function()语法及应用实例分析
2020/02/19 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
python3之模块psutil系统性能信息使用
2018/05/30 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
python学生信息管理系统(完整版)
2020/04/05 Python
Python把对应格式的csv文件转换成字典类型存储脚本的方法
2019/02/12 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
Python pip配置国内源的方法
2020/02/14 Python
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
Python是如何进行类型转换的
2013/06/09 面试题
房地产员工找工作的自我评价
2013/11/15 职场文书
2015年化验室工作总结
2015/04/23 职场文书
Python OpenCV快速入门教程
2021/04/17 Python
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS