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() 函數傳回時,傳回的資料會取代該表單。