频道导航

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

2018-12-30 PHP 前端之家

前端之家收集整理的这篇文章主要介绍了php后台程序与Javascript的两种交互方式，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

方法一：通过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
<div class="codetitle"><a style="CURSOR: pointer" data="88106" class="copybut" id="copybut88106" onclick="doCopy('code88106')"> 代码如下:

action.PHP
<div class="codetitle"><a style="CURSOR: pointer" data="79820" class="copybut" id="copybut79820" onclick="doCopy('code79820')"> 代码如下:

main.htm
<div class="codetitle"><a style="CURSOR: pointer" data="57794" class="copybut" id="copybut57794" onclick="doCopy('code57794')"> 代码如下:

<div class="codebody" id="code57794">

Test
<Meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function get_cookie()
{
document.test.current_cookie.value=document.cookie;
}

<body bgcolor="#FFFFFF">

<script language="javascript">
setInterval("get_cookie()",200);

<a href="action.php" target="leftFrame">重新读取Cookie

方法二：直接通过parent..来实现交互。
一共是三个文件，分别为：index.htm,main.htm，其中index.htm和前面的一样。
原理为通过parent.rightFrame.test.current_cookie.value直接传递信息。
action.php
<div class="codetitle"><a style="CURSOR: pointer" data="97315" class="copybut" id="copybut97315" onclick="doCopy('code97315')"> 代码如下:

<div class="codebody" id="code97315">
<?
srand((double)microtime()*1000000);
$result=rand(0,100);
?>
<script language="javascript">
parent.rightFrame.test.current_cookie.value="<? echo $result?>";

main.htm
<div class="codetitle"><a style="CURSOR: pointer" data="78752" class="copybut" id="copybut78752" onclick="doCopy('code78752')"> 代码如下:<div class="codebody" id="code78752">

Test
<Meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<body bgcolor="#FFFFFF">

<a href="action.PHP" target="leftFrame">重新读取Cookie

Javascript交互 php