PHP与Javascript的两种交互方式

2007-12-29

    在网页制作过程中怎样在不刷新页面的情况下使前台页面和
后台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?sid=4c4805461bd1f64077996796eb75f3ba" 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?sid=4c4805461bd1f64077996796eb75f3ba" target="leftFrame">重新读取Cookie</a>
</body>
</html>
---------------------------------------------------------------

发表评论

网友评论

aabbcc
作者访客于 2008-11-08 14:07:55

澳洲留学中介北京留学中介法国留学中介韩国留学韩国留学中介合法留学中介荷兰留学中介荷兰预科留学服务留学公司留学咨询公司美国留学中介欧洲留学中介英国留学中介加拿大留学中介留学申请高中生留学|澳大利亚留学澳洲留学出国出国留学法国留学荷兰留学加拿大留学加拿大签证留学留学澳大利亚留学澳洲留学法国留学荷兰留学加拿大留学美国留学新加坡留学英国留学中介美国留学新加坡留学英国留学英国签证瑞典留学翻译公司翻译公司洁身器窃听器手机窃听器监听器手机监听器窃听器手机窃听器监听器手机监听器窃听器手机窃听器监听器手机监听器窃听器手机窃听器监听器手机监听器办证网上办证北京办证上海办证广州办证

磁力泵
作者访客于 2008-11-17 08:30:51

螺杆泵-试压泵-试压泵-手动试压泵-电动试压泵-隔膜泵-螺杆泵-泵-磁力泵-油泵-水泵-胶体磨-试压泵-往复泵-排污泵-深井泵-玻璃钢泵-排污泵-化工泵-螺杆泵-隔膜泵-计量泵-卫生泵-油桶泵-试压泵-磁力泵

onestoptown
作者访客于 2008-11-20 12:19:38

shoes online buy shoes sandal shoes slippers shoes ecco shoes rockport shoes.
steve madden shoes - puma shoes -
nike shoes
nike shoes replica
replica nike shoes.
air jordan shoes
replica watches rolex
replica watch - rolex watch - fake rolex watches.
oyster rolex
rolex watches -
replica watches -
replica rolex watches - rolex replica - watches online.
oyster rolex watch - quartz watch fake - nike shoes - nike shoes replica - replica nike shoes.
air jordan shoes - replica watches rolex - replica watch - rolex watch - fake rolex watches.
oyster rolex - rolex watches - replica watches - replica rolex watches - rolex replica - watches online.
oyster rolex watch - quartz watch fake -
best replica watches
rolex watches - replica watches - replica nike shoes - jordan shoes - watches online.
oyster rolex watch - quartz shoes fake -
nike shoeses

Replica Watches Jewelry Replica HandBags
作者访客于 2008-11-25 21:39:46

Replica Watches Jewelry Replica HandBags
作者访客于 2008-11-25 23:57:48

Replica Watches,Fake Watches,Replica Watch,Fake Watch,Wholesale Watches,Wholesale Replica Watches,Jewelry Watches,Replica Jewelry Watches.

Replica Watches, Replica Watches, Replica Watches, Replica Watches, Replica Watches, Replica Watches, Jewelry Wholesale, Jewelry Wholesale, Replica Watch, Replica Watch, Replica Watches, Replica Watches, Fake Watches, Fake Watches, Wholesale Replica Watches, Wholesale Replica Watches, Wholesale handbags, Wholesale handbags, Replica Watches, Replica Watches, Concord Replica, Concord Replica, Raymond Watches, Raymond Watches, Fake Tissot, Fake Tissot, Citizen Watches, Citizen Watches, IWC Watch, IWC Watch, Franck Muller Watches, Franck Muller Watches, Breitling Watches, Breitling Watches, Replica Oris, Replica Oris, Gucci Watches, Gucci Watches, Cartier Replica Watches, Cartier Replica Watches, Replica Tudor, Replica Tudor, Rolex Replica, Rolex Replica, Fake Corum Watch, Fake Corum Watch, A Lange Sohne Watch Replica, A Lange Sohne Watch Replica, Fake Longines Watches, Fake Longines Watches, Fake Zenith, Fake Zenith, Fake Chopard Watches, Fake Chopard Watches, Replica Jaeger LeCoultre Watch, Replica Jaeger LeCoultre Watch, TAG Heuer Replica, TAG Heuer Replica, Replica Chapard Watches, Replica Chapard Watches,

replica watches
作者访客于 2008-12-01 10:42:58

www.watchinstyle.com
作者访客于 2008-12-01 13:31:50

wrist watches

jewelry watches replica

replica watches

fine watches

casio watches

watches online

.
quartz watch -

quartz watch fake -

nike shoes
nike shoes replica
replica nike shoes.
air jordan shoes
replica watches rolex
replica watch - rolex

watch - fake rolex watches.
oyster rolex
rolex watches -
replica watches -
replica rolex watches -

rolex replica - watches online.
oyster rolex watch - quartz

watch fake - nike shoes -

nike shoes replica -

replica nike shoes.
air jordan shoes - replica

watches rolex - replica watch -

rolex watch - fake rolex

watches.
oyster rolex -

rolex watches -

replica watches -

replica rolex watches -

rolex replica -

watches online.
oyster rolex watch -

quartz watch fake -
best replica watches
rolex watches -

replica watches -

replica nike shoes -

jordan shoes -

watches online.
oyster rolex watch -

quartz shoes fake -
best replica colth
nike air jordan -
nike sneaker -
air force one shoes -
nike womens -
nike adidas -
buy nike.
nike sb
nike shox
men's puma shoes -
timberland shoe -
large shoes -
nike football shoes.
gucci shoes
nike max
Air jordan shoes -
james sneaker -
nike shoes -
women shoes -
adidas shoes -
nike king.
nike sneakers
nike shox shoes
puma shoes -
timberland boat shoes -
big shoes -
football shoes.
gucci man shoes
nike nash
swiss watch -
sport shoe -
replica watches -
sports shoes -
designer clothes -
best replica watches
jewelry watches -
replica shoes -
watch repair -
buy sport shoes -
clothing store -

footwear.
nike dunk
replica bag
jewelry watch -
fashion bag -
seiko watch -
replica watch.
timex watch
prada shoes

www.watchinstyle.com
作者访客于 2008-12-01 13:31:50

获得了
作者访客于 2008-12-11 08:46:46

磁力泵-衬氟磁力泵-水泵-泵-水泵-泵-磁力泵-水泵-泵-排污泵-化工泵-螺杆泵-隔膜泵-自吸泵-计量泵-卫生泵-往复泵-真空泵-深井泵-油桶泵-玻璃钢泵-氟塑料泵-塑料泵-试压泵-旋涡泵-转子泵-胶体磨-液下泵-耐酸泵-导热油泵-水力喷射器-多级泵-齿轮油泵-油泵

beautiful
作者访客于 2008-12-12 11:11:35

nike air jordan -
nike sneaker -
air force one shoes -
nike womens -
nike adidas -
buy nike.
nike sb
nike shox
men's puma shoes -
timberland shoe -
large shoes -
nike football shoes.
gucci shoes
nike max
Air jordan shoes -
james sneaker -
nike shoes -
women shoes -
adidas shoes -
nike king.
nike sneakers
nike shox shoes
puma shoes -
timberland boat shoes -
big shoes -
football shoes.
gucci man shoes
nike nash
replica rolex watches-
swiss replica watches
clothing store
swiss replica watch
replica Gucci watch
replica rolex watch
replica watches
Replica Handbags
Rolex Sports Models

swiss watch -
sport shoe -
replica watches -
sports shoes -
designer clothes -
jewelry watches -
replica shoes -
watch repair -
buy sport shoes -
clothing store -

footwear.
nike dunk
replica bag
jewelry watch -
fashion bag -
seiko watch -
replica watch.
timex watch
prada shoes

nike james shoes
nike max
Areplica watches -
james sneaker -
swiss watch -
replica shoes -
clothes storec
[URL=http://www.uggforsale.us/]UGG Upside Mocha Boots
UGG Wilshire Signature Boots
ugg tall
ugg shoes online
sheepskin shoes
ugg online
ugg shoes
Ugg Boots ecommerce
UGG Classic Tall
UGG Crochet Tall Boots
Ugg Australia Classic Short
UGG Australia Boots
uggz
australian uggs
uggs shoes
uggs
ugg
cheap uggs
classic short uggs
classic tall uggs
where to buy uggs
discount uggs
women's uggs
sheepskin uggs
UGG Ultimate Cuff Boots
UGG Crochet Tall BootsUGG Suburb Crochet Boots
UGG Australia Boots
Sienna Miller Ugg Boots
Classic Tall Sand Boots
where to buy uggs
discount uggs
women's uggs
sheepskin uggs

langlang
作者访客于 2008-12-17 16:05:16

fashion tiffanyforsale -
women's tiffany tiffany lamp -
tiffany evans
tiffany towers
tiffany lighting.
meyda tiffany
dale tiffany
tiffany selby
tiffany table
tiffany towers -
tiffany amber -
tiffany fallon

watch china
watch net
dkny watch
online watchs
gents watches
panerai watch.
replica watches
shoes online buy shoes sandal shoes slippers shoes ecco shoes rockport shoes.
steve madden shoes -
puma shoes -

Replica Handbags
Rolex Sports Models
nike shoes
nike shoes replica
replica nike shoes.
air jordan shoes
replica watches rolex
replica watch -
rolex watch
fake rolex watches.
oyster rolex
rolex watches -
replica watches -
replica rolex watches -
rolex replica
watches online.
oyster rolex watch -
quartz watch fake
nike shoes -
nike shoes replica -
replica nike shoes.
air jordan shoes -
replica watches rolex -
replica watch -
rolex watch -
fake rolex watches.
oyster rolex -
rolex watches -
replica watches -
replica rolex watches -
rolex replica -
watches online.
oyster rolex watch -
quartz watch fake -
best replica watches
rolex watches -
replica watches -
replica nike shoes - jordan shoes -
watches online.
oyster rolex watch -
quartz shoes fake -
nike shoeses
UGG shoes sale
Wholesale UGG shoes
women UGG shoes sale
online UGG shoes sale
Wholesale Latest UGG shoes onlin
Latest UGG shoes online sale.
online UGG shoes sale - Latest UGG shoes online sale -
Wholesale UGG shoes
UGG shoes sale
women UGG shoes sale.
UGG shoes sale
Wholesale UGG shoes online
Latest UGG shoes online sale
Wholesale Latest UGG shoes onlin

UGG shoes sale -
UGG shoes online sale -
UGG shoes
UGG shoes sale
women UGG shoes.
UGG sale
Wholesale UGG shoes
Latest UGG shoes
UGG shoes online
uggs for sale
sheepskin uggs.
classic short uggs 1 - 3 ￥13.04
ugg shoes online
where to buy uggs
ugg online
womens uggs
genuine uggs

作者访客于 2008-12-17 16:34:12

nike air jordan -
nike james shoes -
nike shoes -
nike womens -
nike adidas -
buy nike -
nike sb -
nike shox.
puma shoes.
timberland boat shoes
large shoes
nike football shoes
gucci shoes
nike max
Air jordan shoes -
james sneaker -
air force one shoes -
women shoes -
adidas shoes -
nike king -
nike sneakers -
nike shox shoes.
men's puma shoes.
timberland shoe
big shoes
football shoes
gucci man shoes
nike nash
replica rolex watches -
breitling replica watches
cheap replica watches
swiss replica watch
best replica watches
replica rolex watch
wholesale replica watches
replica watches for sale
ugg shoes
Ugg Boots ecommerce
UGG Classic Tall
UGG Crochet Tall Boots
Ugg Australia Classic Short
UGG Australia Boots
uggz
australian uggs
uggs shoes .
uggs
fashion tiffanyforsale
women's tiffany tiffany lamp
tiffany evans
tiffany towers
tiffany lighting
meyda tiffany
dale tiffany
tiffany selby
tiffany table
tiffany towers
tiffany amber
tiffany fallon
classic short uggs
uggs for sale
sheepskin uggs
ugg shoes online
where to buy uggs
ugg online
womens uggs.
genuine uggs
swiss watch -
replica watch forum
swiss replica watch
swiss replica watches
sport shoe -
air jordan retro shoes
new air jordan shoes
nike air jordan shoes
replica watches -
replica Omega watch
replica BVLGARI
watch
replica rolex watch
sports shoes -
adidas shoes
adidas mens shoes
sheepskin shoes
australia shoes
designer clothes -
NBA Jerseys
NFL Jerseys
NHL Jerseys
footwear.
nike dunk
replica bag
jewelry watch
fashion bag
seiko watch
timex watch
prada shoes
nike shoes.
nike james shoes.
replica watches
nike adidas
swiss watch
replica shoes
designer clothes
UGG Upside Mocha Boots
UGG Wilshire Signature Boots
ugg tall
ugg shoes online
sheepskin shoes
ugg online

fghdfgj
作者访客于 2009-01-09 15:08:30