Vote AJAX

Cet exemple comprend quatre éléments :

① Formulaire HTML
② JavaScript
③ Page PHP
④ Fichier texte pour stocker les résultats

1. Formulaire HTML

Ceci est une page HTML. Il contient un formulaire HTML simple, et une connexion à un fichier 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>

Exemple expliqué - Formulaire HTML

Comme vous pouvez le constater, la page HTML ci-dessus contient un formulaire HTML simple avec un élément <div>

Le formulaire fonctionne comme ceci :

· Autour du formulaire se trouve un <div> Lorsque les données sont renvoyées par la fonction getVote(), les données renvoyées remplacent le formulaire.

section suivante

nouveau fichier

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

soumettre Réinitialiser le code

Opération automatique

Plein écran