AJAX 投票
本例包括四個元素:
① HTML 表單
② JavaScript
③ PHP 頁面
④ 存放結(jié)果的文本文件
一、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> 元素帶有兩個單選按鈕。
表單這樣工作:
·???????? 當(dāng)用戶選擇 "yes" 或 "no" 時,會觸發(fā)一個事件
·???????? 當(dāng)事件觸發(fā)時,執(zhí)行 getVote() 函數(shù)
·???????? 圍繞該表單的是名為 "poll" 的 <div>。當(dāng)數(shù)據(jù)從 getVote() 函數(shù)返回時,返回的數(shù)據(jù)會替代該表單。
?