Ajax se clasează destul de sus acolo, pe cele mai mari motive pentru a folosi jQuery. Nu numai că jQuery remediază problemele legate de browser, ci face ca sintaxa să fie ușor de utilizat și de înțeles.
În acest videoclip ne explicăm ce înseamnă Ajax. Ne uităm la un element de formular, care, atunci când este trimis, face o solicitare GET sau POST (determinată de atributul metodei) la adresa URL pe care o specificați (determinată de atributul acțiune). Este doar HTML, nu există deloc cod backend sau JavaScript. Dar această trimitere va face ca pagina să se schimbe, reîncărcându-se literalmente la noua adresă URL, la fel ca un clic pe un link.
Ajax ne permite să facem acea solicitare GET sau POST în fundal, fără a reîncărca pagina. În esență, acesta este întregul punct al Ajax. Și este foarte puternic. Este în mare parte responsabil de motivul pentru care site-urile web moderne funcționează și se simt așa cum le fac.
Ajax obișnuia să „reprezinte” JavaScript asincron și XML, dar acest lucru este ignorat în mare măsură în zilele noastre, deoarece nu înseamnă prea mult. De aici și decapitalizarea. Uneori s-ar putea să vedeți „XHR”, care este prescurtarea pentru XMLHttpRequest, care este tehnologia de bază nativă a Ajax.
Diferența dintre GET și POST este în esență: GET este pentru obținerea de informații și nu ar trebui să fie responsabil pentru schimbarea datelor, iar POST este specific pentru schimbarea datelor. Simțiți-vă liber să citiți mai multe despre acest lucru pe acest fir StackOverflow.
Efectuarea unei cereri GET în jQuery este uimitor de ușoară:
$.get( "URL", function(data) ( // do something with data )); ));Adresa URL este de unde sperați să obțineți datele. Al doilea parametru este funcția de apel invers care rulează atunci când solicitarea Ajax a avut succes. Cel mai important parametru este primul, datele, care conține informațiile pe care le-a obținut din cerere.
Cererile Ajax pot eșua uneori. Un motiv pentru acest eșec ar putea fi browserul în sine și politicile sale de securitate. Găsit în browserele în sine sunt reguli cu privire la de unde poate fi solicitat conținutul. Solicitările pot fi întotdeauna adresate aceluiași domeniu din care provine solicitarea. Dar dacă există un domeniu diferit implicat, acel domeniu diferit va trebui să îl permită în mod specific.
Puteți citi totul despre asta la enable-cors.org. CORS reprezintă „Cross-Origin Resource Sharing”. Ne uităm la un exemplu în care CORS nu este activat și solicitarea Ajax eșuează. Un mod standard și ușor de a remedia acest lucru, presupunând că serverul este Apache, este să setați un antet care permite în mod specific CORS prin fișierul .htaccess:
Header set Access-Control-Allow-Origin "*"În videoclip, mutăm solicitarea Ajax în CodePen, care se ocupă bine de Ajax în mod implicit.
Brânză ușoară:
Vedeți Pen fBInl de Chris Coyier (@chriscoyier) pe CodePen