PHP与javascript的两种交互方式

作者：bea

    在网页制作过程中怎样在不刷新页面的情况下使前台页面和

后台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的两种交互方式

猜你喜欢

您可能感兴趣的文章: