AJAX 投票

本範例包含四個元素:

① HTML 表單
② JavaScript
③ PHP 頁面
④ 存放結果的文字檔案

一、HTML 表單

這是HTML 頁面。它包含一個簡單的HTML 表單,以及一個與JavaScript 檔案的連接:

<html>
<head>
<script src="poll.js"></script>
</head>
<body>
<div id="poll">
<h2>Do you like PHP and AJAX so far?</h2>
<form>
Yes:
<input type="radio" name="vote"
value="0" onclick="getVote(this.value)">
<br />
No:
<input type="radio" name="vote"
value="1" onclick="getVote(this.value)">
</form>
</div>
</body>
</html>

#範例解釋- HTML 表單

如您看到的,上面的HTML 頁麵包含一個簡單的HTML 表單,其中的<div> 元素帶有兩個單選按鈕。

表單這樣運作:

·         當使用者選擇"yes" 或"no" 時,會觸發一個事件

#·        

·         圍繞該表單的是名為"poll" 的<div>。當資料從 getVote() 函數傳回時,傳回的資料會取代該表單。

 


繼續學習
||
<html> <head> <script src="poll.js"></script> </head> <body> <div id="poll"> <h2>Do you like PHP and AJAX so far?</h2> <form> Yes: <input type="radio" name="vote" value="0" onclick="getVote(this.value)"> <br /> No: <input type="radio" name="vote" value="1" onclick="getVote(this.value)"> </form> </div> </body> </html>