Deoarece cea mai populară limbă pentru dezvoltarea aplicațiilor web este PHP. apoi astăzi vom folosi o grămadă de AJAX și PHP. Exemplul va fi bun pentru înțelegerea principiilor de bază ale colaborării cu AJAX și PHP.
De fapt, nu ar trebui să existe dificultăți speciale, algoritmul acțiunilor:
Pe scurt despre jQuery și AJAX
Ajax vă permite să nu reîncărcați pagina web, să faceți schimb de date cu serverul web și să actualizați conținutul.
Sunt înclinat să cred că dacă există un instrument care vă permite să accelerați dezvoltarea fără consecințe, atunci de ce să nu o folosiți? Dar, JS pur, de asemenea, nu ar face rău să știu (deși personal, nivelul meu de proprietate JS este egal cu nivelul copy-paste al exemplelor cu stackoverflow 🙂).
Avem nevoie de 3 fișiere simple, acest lucru:
- Formă pagină
- php handler
- js file
index.html
O pagină html obișnuită cu un formular. Observați enctype = "multipart / form-data". acest lucru este necesar pentru transferul de fișiere, parametrul indică modul în care datele sunt codate. Dacă treceți fișiere, valoarea trebuie să fie întotdeauna mai multe părți / date-forme.
handler.php
Acesta este un manipulator foarte simplificat. Numele imaginii pe care am generat-o folosind funcția hash. Este o practică bună să modificați numele fișierelor atunci când le încărcați pe server.
ajaxupload.js
Funcția printMessage este proiectată să afișeze informații despre o încercare de succes sau de eșuare a încărcării unui fișier. Nu o considerăm în detaliu, nu reprezintă nimic special.
Interceptarea formei și prelucrarea acesteia. Când faceți clic pe butonul "Trimitere", evenimentul va fi interceptat de script și folosind funcția .preventDefault (), formularul nu va trimite datele la index.html. preventDefault () servește la anularea apelului pentru orice eveniment.
Avem nevoie de obiectul FormData pentru a crea o cerere POST în scriptul nostru, este mult mai ușor decât tastarea fiecărui element de formă într-un șir. Am creat obiectul, l-am umplut cu date, l-am dat lui ajax.
Ei bine, de fapt cererea în sine AJAX. Pentru că folosim biblioteca jQuery. a face și a executa o astfel de cerere nu vă va provoca probleme.
Ia o zi frumoasă și succes 🙂