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>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~ 