服務(wù)器腳本與Javascript的兩種交互方式(以php為例)
服務(wù)器腳本與Javascript的兩種交互方式(以php為例)
引用:http://www.knowsky.com/1014.html
在網(wǎng)頁制作過程中怎樣在不刷新頁面的情況下使前臺(tái)頁面和后臺(tái)CGI頁面保持交互一直是個(gè)問題。這里介紹兩個(gè)方法。
方法一：通過Cookie交互。
一共是三個(gè)文件，分別為：index.htm,action.php,main.htm
原理為前臺(tái)頁面main.htm和后臺(tái)action.php通過頁面框架 index.htm組織起來，將action.php的頁面寬度設(shè)為0，這樣并不影響顯示。action.php將信息放入cookie中，main.htm通過讀取 cookie來實(shí)現(xiàn)交互。在main.htm中也可以通過重新讀取action.php 來實(shí)現(xiàn)控制后臺(tái)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" >
當(dāng)前參數(shù)為<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.*.*來實(shí)現(xiàn)交互。
一共是三個(gè)文件，分別為：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" >
當(dāng)前參數(shù)為<input type="text" name="current_cookie" size="80" maxlength="1000">
</form>
<br>
<a href="action.php" target="leftFrame">重新讀取Cookie</a>
</body>
</html>
------------------------------------------------------------------------------------------------------------------------------
如對(duì)本文有疑問，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答！！ 點(diǎn)擊進(jìn)入論壇
您可能感興趣的文章:
- 上一篇：python中文字符串的處理
- 下一篇：php與WebService交互
