AJAX voting

This example includes four elements:

① HTML form
② JavaScript
③ PHP page
④ Text file to store the results

1. HTML form

This is an HTML page. It contains a simple HTML form, and a connection to a JavaScript file:

<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>

Example Explanation - HTML Form

As you can see , the HTML page above contains a simple HTML form with a <div> element with two radio buttons.

The form works like this:

· When the user selects "yes" or "no", an event will be triggered

· When the event is triggered, the getVote() function will be executed.

· Surrounding the form is a <div> named "poll". When data is returned from the getVote() function, the returned data replaces the form.

Continuing Learning

new file

submit Reset Code

Automatic operation

AJAX voting

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]