Adesea pe diverse site-uri vedem blocuri cu un sondaj de opinie publică. Cum să creați un script similar pentru a vota pe site-ul dvs. și astfel că atunci când selectați elementul potrivit, pagina nu este suprascrisă în întregime, însă numai unitatea de votare a fost modificată și au fost afișate imediat rezultatele. Acest lucru va fi discutat în acest articol.
Important!
Pentru ca exemplul să funcționeze corect, aveți nevoie de:
1. Toate fișierele trebuie să fie scrise în codare UTF-8.
2. Scripturile trebuie să fie difuzate pe serverul web și să nu fie executate în browser ca fișier.
Puteți descărca exemplul aici. 3,1 Kb
Exemplul este format din 5 fișiere diferite, vom examina fiecare dintre ele separat.
Aceasta servește la conectarea la baza de date, la crearea mesei necesare și la completarea acesteia cu un exemplu de votare.
În cazul nostru, baza de date constă dintr-un tabel cu trei câmpuri:
id - identificatorul înregistrării;
titlu - numele intrării;
voturi - numărul de voturi acordate pentru această intrare.
Inițial, tabelul este completat cu următoarele valori:
Înregistrarea pentru care câmpul de vot este NULL este numele sondajului care este cuprins în câmpul titlului.
Descrie două funcții pe care le folosim în program.
Funcția drawForm () afișează un formular pentru votare.
Funcția drawResults () afișează rezultatele votării.
Datele pentru construirea formularului și transmiterea rezultatelor sunt preluate din baza de date.
Fișierul principal al scriptului de vot. Aici vom lua în considerare rolul său principal. După cum putem vedea - corpul documentului constă în conținutul containeruluiBody.
Când descărcați această pagină, verificăm mai întâi dacă a fost deja votat. Facem un control prin cookie variabilă, deoarece acesta este cel mai simplu caz. Dacă nu a fost votat, vom afișa un formular de conținut în containerul contentBody. Dacă utilizatorul a votat deja - vom afișa rezultatele căutării.
Codul programului pentru acest fișier este executat atunci când utilizatorul efectuează sondaje. În acest moment, creăm un cookie variabil, pentru a exclude un vot repetat, salvați rezultatul votării în baza de date și afișați rezultatele.
Deoarece execuția acestui fișier este apelată prin funcția AJAX showContent (), întreaga pagină nu se repornește și rezultatele fișierului sunt plasate în conținutul containeruluiBody.
Trimiteți-le prietenilor: