Heim Backend-Entwicklung PHP-Tutorial PHP kombiniert mit Ajax zur Implementierung der Abstimmungsfunktion

PHP kombiniert mit Ajax zur Implementierung der Abstimmungsfunktion

Jun 07, 2018 am 10:53 AM
ajax php 投票功能

In diesem Artikel wird hauptsächlich PHP in Kombination mit Ajax zur Implementierung der Abstimmungsfunktion vorgestellt. Ich hoffe, dass er für alle hilfreich ist.

In diesem AJAX-Beispiel demonstrieren wir ein Abstimmungsprogramm und die Ergebnisse können ohne Neuladen der Webseite abgerufen werden.

Dieses Beispiel enthält vier Elemente:

① HTML-Formular
② JavaScript
③ PHP-Seite
④ Textdatei zum Speichern der Ergebnisse

1. HTML-Formular

Dies ist eine HTML-Seite. Es enthält ein einfaches HTML-Formular und eine Verbindung zu einer JavaScript-Datei:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<html>

<head>

<script src="poll.js"></script>

</head>

<body>

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

</p>

</body>

</html>

Nach dem Login kopieren

Beispielerklärung – HTML-Formular

Wie Sie sehen können, enthält die obige HTML-Seite ein einfaches HTML-Formular, das Folgendes hat ein

-Element mit zwei Optionsfeldern.

Das Formular funktioniert wie folgt:

1 Wenn der Benutzer „Ja“ oder „Nein“ auswählt, wird ein Ereignis ausgelöst
2 ()-Funktion wird ausgeführt
3. Um das Formular herum befindet sich ein

Wenn Daten von der Funktion getVote() zurückgegeben werden, ersetzen die zurückgegebenen Daten das Formular.

2. Textdatei

Die Textdatei (poll_result.txt) speichert die Daten aus dem Abstimmungsprogramm.

Es sieht so aus:

0||0
Die erste Zahl steht für eine „Ja“-Stimme und die zweite Zahl für eine „Nein“-Stimme.

Hinweis: Denken Sie daran, nur Ihrem Webserver die Bearbeitung dieser Textdatei zu erlauben. Erlauben Sie niemandem außer dem Webserver (PHP) Zugriff.

3. JavaScript

JavaScript-Code wird in „poll.js“ gespeichert und mit dem HTML-Dokument verbunden:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

var xmlHttp

function getVote(int)

{

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

{

 alert ("Browser does not support HTTP Request")

 return

}

var url="poll_vote.php"

url=url+"?vote="+int

url=url+"&sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}

function stateChanged()

{

 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

 {

 document.getElementById("poll").

 innerHTML=xmlHttp.responseText;

 }

}

function GetXmlHttpObject()

{

var objXMLHttp=null

if (window.XMLHttpRequest)

{

 objXMLHttp=new XMLHttpRequest()

}

else if (window.ActiveXObject)

{

 objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")

}

return objXMLHttp

}

Nach dem Login kopieren

Beispielerklärung : Die Funktionen

stateChanged() und GetXmlHttpObject sind die gleichen wie die Beispiele im Abschnitt „PHP- und AJAX-Anfragen“.

getVote()-Funktion

Diese Funktion wird ausgeführt, wenn der Benutzer im HTML-Formular „Ja“ oder „Nein“ auswählt.

1. Definieren Sie die an den Server gesendete URL (Dateiname)
2. Fügen Sie der URL Parameter (Abstimmung) mit dem Inhalt des Eingabefelds hinzu
3 den Server daran hindern, zwischengespeicherte Dateien zu verwenden
4. Rufen Sie die Funktion „GetXmlHttpObject“ auf, um ein XMLHTTP-Objekt zu erstellen, und weisen Sie das Objekt an, die stateChanged-Funktion auszuführen, wenn eine Änderung ausgelöst wird
6. Senden Sie eine HTTP-Anfrage an den Server

4. PHP-Seite

Die vom JavaScript-Code aufgerufene Serverseite ist eine einfache PHP-Datei mit dem Namen „poll_vote.php“.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

<?php

$vote = $_REQUEST[&#39;vote&#39;];

//get content of textfile

$filename = "poll_result.txt";

$content = file($filename);

//put content in array

$array = explode("||", $content[0]);

$yes = $array[0];

$no = $array[1];

if ($vote == 0)

{

 $yes = $yes + 1;

}

if ($vote == 1)

{

 $no = $no + 1;

}

//insert votes to txt file

$insertvote = $yes."||".$no;

$fp = fopen($filename,"w");

fputs($fp,$insertvote);

fclose($fp);

?>

<h2>Result:</h2>

<table>

<tr>

<td>Yes:</td>

<td>

<img src="poll.gif"

width=&#39;<?php echo(100*round($yes/($no+$yes),2)); ?>&#39;

height=&#39;20&#39;>

<?php echo(100*round($yes/($no+$yes),2)); ?>%

</td>

</tr>

<tr>

<td>No:</td>

<td>

<img src="poll.gif"

width=&#39;<?php echo(100*round($no/($no+$yes),2)); ?>&#39;

height=&#39;20&#39;>

<?php echo(100*round($no/($no+$yes),2)); ?>%

</td>

</tr>

</table>

Nach dem Login kopieren

Beispielerklärung:

Der ausgewählte Wert wird von JavaScript übergeben und was passiert dann:

1. Holen Sie sich die Datei „poll_result.txt“. Dateiinhalt

2. Fügen Sie den Dateiinhalt in die Variable ein und addieren Sie 1 zur ausgewählten Variablen
3 Schreiben Sie das Ergebnis in die Datei „poll_result.txt“

Zusammenfassung

: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Verwandte Empfehlungen:

PHP-Implementierung der Check-in-Funktion (Fall)

So erhalten Sie die Artikelseite zu öffentlichen WeChat-Konten

So erhalten Sie historische Nachrichten von öffentlichen WeChat-Konten

Das obige ist der detaillierte Inhalt vonPHP kombiniert mit Ajax zur Implementierung der Abstimmungsfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

PHP 8.4 Installations- und Upgrade-Anleitung für Ubuntu und Debian PHP 8.4 Installations- und Upgrade-Anleitung für Ubuntu und Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 bringt mehrere neue Funktionen, Sicherheitsverbesserungen und Leistungsverbesserungen mit einer beträchtlichen Menge an veralteten und entfernten Funktionen. In dieser Anleitung wird erklärt, wie Sie PHP 8.4 installieren oder auf PHP 8.4 auf Ubuntu, Debian oder deren Derivaten aktualisieren. Obwohl es möglich ist, PHP aus dem Quellcode zu kompilieren, ist die Installation aus einem APT-Repository wie unten erläutert oft schneller und sicherer, da diese Repositorys in Zukunft die neuesten Fehlerbehebungen und Sicherheitsupdates bereitstellen.

7 PHP-Funktionen, die ich leider vorher nicht kannte 7 PHP-Funktionen, die ich leider vorher nicht kannte Nov 13, 2024 am 09:42 AM

Wenn Sie ein erfahrener PHP-Entwickler sind, haben Sie möglicherweise das Gefühl, dass Sie dort waren und dies bereits getan haben. Sie haben eine beträchtliche Anzahl von Anwendungen entwickelt, Millionen von Codezeilen debuggt und eine Reihe von Skripten optimiert, um op zu erreichen

So richten Sie Visual Studio-Code (VS-Code) für die PHP-Entwicklung ein So richten Sie Visual Studio-Code (VS-Code) für die PHP-Entwicklung ein Dec 20, 2024 am 11:31 AM

Visual Studio Code, auch bekannt als VS Code, ist ein kostenloser Quellcode-Editor – oder eine integrierte Entwicklungsumgebung (IDE) –, die für alle gängigen Betriebssysteme verfügbar ist. Mit einer großen Sammlung von Erweiterungen für viele Programmiersprachen kann VS Code c

Erklären Sie JSON Web Tokens (JWT) und ihren Anwendungsfall in PHP -APIs. Erklären Sie JSON Web Tokens (JWT) und ihren Anwendungsfall in PHP -APIs. Apr 05, 2025 am 12:04 AM

JWT ist ein offener Standard, der auf JSON basiert und zur sicheren Übertragung von Informationen zwischen Parteien verwendet wird, hauptsächlich für die Identitätsauthentifizierung und den Informationsaustausch. 1. JWT besteht aus drei Teilen: Header, Nutzlast und Signatur. 2. Das Arbeitsprinzip von JWT enthält drei Schritte: Generierung von JWT, Überprüfung von JWT und Parsingnayload. 3. Bei Verwendung von JWT zur Authentifizierung in PHP kann JWT generiert und überprüft werden, und die Funktionen und Berechtigungsinformationen der Benutzer können in die erweiterte Verwendung aufgenommen werden. 4. Häufige Fehler sind Signaturüberprüfungsfehler, Token -Ablauf und übergroße Nutzlast. Zu Debugging -Fähigkeiten gehört die Verwendung von Debugging -Tools und Protokollierung. 5. Leistungsoptimierung und Best Practices umfassen die Verwendung geeigneter Signaturalgorithmen, das Einstellen von Gültigkeitsperioden angemessen.

PHP -Programm zum Zählen von Vokalen in einer Zeichenfolge PHP -Programm zum Zählen von Vokalen in einer Zeichenfolge Feb 07, 2025 pm 12:12 PM

Eine Zeichenfolge ist eine Folge von Zeichen, einschließlich Buchstaben, Zahlen und Symbolen. In diesem Tutorial wird lernen, wie Sie die Anzahl der Vokale in einer bestimmten Zeichenfolge in PHP unter Verwendung verschiedener Methoden berechnen. Die Vokale auf Englisch sind a, e, i, o, u und sie können Großbuchstaben oder Kleinbuchstaben sein. Was ist ein Vokal? Vokale sind alphabetische Zeichen, die eine spezifische Aussprache darstellen. Es gibt fünf Vokale in Englisch, einschließlich Großbuchstaben und Kleinbuchstaben: a, e, ich, o, u Beispiel 1 Eingabe: String = "TutorialPoint" Ausgabe: 6 erklären Die Vokale in der String "TutorialPoint" sind u, o, i, a, o, ich. Insgesamt gibt es 6 Yuan

Wie analysiert und verarbeitet man HTML/XML in PHP? Wie analysiert und verarbeitet man HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet

Erklären Sie die späte statische Bindung in PHP (statisch: :). Erklären Sie die späte statische Bindung in PHP (statisch: :). Apr 03, 2025 am 12:04 AM

Statische Bindung (statisch: :) implementiert die späte statische Bindung (LSB) in PHP, sodass das Aufrufen von Klassen in statischen Kontexten anstatt Klassen zu definieren. 1) Der Analyseprozess wird zur Laufzeit durchgeführt.

Was sind PHP Magic -Methoden (__construct, __Destruct, __call, __get, __set usw.) und geben Sie Anwendungsfälle an? Was sind PHP Magic -Methoden (__construct, __Destruct, __call, __get, __set usw.) und geben Sie Anwendungsfälle an? Apr 03, 2025 am 12:03 AM

Was sind die magischen Methoden von PHP? Zu den magischen Methoden von PHP gehören: 1. \ _ \ _ Konstrukt, verwendet, um Objekte zu initialisieren; 2. \ _ \ _ Destruct, verwendet zur Reinigung von Ressourcen; 3. \ _ \ _ Call, behandeln Sie nicht existierende Methodenaufrufe; 4. \ _ \ _ GET, Implementieren Sie den dynamischen Attributzugriff; 5. \ _ \ _ Setzen Sie dynamische Attributeinstellungen. Diese Methoden werden in bestimmten Situationen automatisch aufgerufen, wodurch die Code -Flexibilität und -Effizienz verbessert werden.

See all articles