Încărcarea conținutului fără a reîncărca pagina folosind ajax și php

Încărcarea conținutului fără a reîncărca pagina folosind Ajax și PHP

Încărcarea conținutului fără a reîncărca pagina folosind ajax și php
  • Demo
  • descărcare

1 Crearea unui cadru pentru conținut.

  • Blocul cu imaginea.
  • Bloc proprietate cu clar: ambele, servește pentru a anula fluxul, necesar pentru imagini adăugarea de asamblare principal întindeau

2 Creați un buton prin apăsarea pe care se va încărca imaginea.

Stiluri pentru butoane

Rezultatul ar trebui să arate astfel:

3 cod JQuery pentru a încărca imagini

Mai întâi trebuie să conectați un plugin JQuery, îl puteți descărca de aici. Puneți-l pe site-ul dvs., și conectați la pagina. Fara acest plugin cod JQuery nu va funcționa!

JQuery Imagine Codul de descărcare

Codul pentru a salva pe etichetele paginii sau adăugați-l la un fișier js separat.

După ce faceți clic pe butonul cu ID-ul de conținut de sarcină va fi trimisă o cerere către procesor și va fi trimis la datele pe care le introduceți în datele. În acest caz, conductorul va fi trimis în care numărul paginii de tratare va determina care imaginea pe care doriți să o trimită înapoi, astfel încât să nu fie afișate unul și aceleași imagini. În specifica handler URL. Succesul ține un handler de răspuns folosind date variabile face fotografii care ne va trimite la handler și verificați dacă variabila de date este zero, înseamnă că imaginea de peste, iar în cazul în care nu este zero, atunci imaginea pe care doriți să o afișați. Specificați appendTo - Adăugați la acest mijloc. A se preciza care se va adăuga și va adăuga la principala noastră unitate # bloc de conținut.

În mod implicit, variabila pagina specificată 1, este numărul paginii prestabilite. Pagina ++ - Pentru fiecare apasare a butonului din valoarea variabilei va crește cu o O unitate, și, astfel, va crește numărul paginii.

5 Procesor

Creați un fișier PHP și puneți-l Următorul cod specific, acest lucru va fi un fișier php și manipulant, suna-l load_images.php sau ceva pe cont propriu și puneți-l în rădăcina site-ului, sau într-un dosar separat.

Primul merge la handler este paginare prin care vine o defalcare a imaginilor de pe pagină. Apoi, există o cerere către baza de date pentru transferul imaginilor. imagini de ieșire vine cu tabelul blog_pictures. Creați acest tabel, puteți apela propriul său și se adaugă la calea către imaginile pe care doriți să le afișați.

interesant