Ajax ierindojas diezgan augstu tur, kur ir vislielākie iemesli izmantot jQuery. JQuery ne tikai novērš pārrobežu pārlūka problēmas, bet arī padara sintaksi ļoti viegli lietojamu un saprotamu.
Šajā videoklipā mēs izdarām dūrienu, lai izskaidrotu, kas vispār ir Ajax. Mēs aplūkojam veidlapas elementu, kurš, iesniedzot, izpilda GET vai POST pieprasījumu (kā to nosaka metodes atribūts) jūsu norādītajam URL (kā nosaka darbības atribūts). Tas ir tikai HTML, tajā vispār nenotiek aizmugures kods vai JavaScript. Bet šī iesniegšana izraisīs lapas izmaiņas, burtiski atkārtoti ielādējot jauno URL, tāpat kā noklikšķinot uz saites.
Ajax ļauj mums veikt šo GET vai POST pieprasījumu fonā, nepārslogojot lapu. Būtībā tā ir visa Ajax jēga. Un tas ir ļoti spēcīgs. Tas lielā mērā ir atbildīgs par to, kāpēc modernās vietnes darbojas un jūtas tā, kā tās dara.
Ajax mēdza “aizstāvēt” asinhrono JavaScript un XML, taču mūsdienās to lielā mērā ignorē, jo tas neko daudz nenozīmē. Līdz ar to arī lielo burtu noņemšana. Dažreiz jūs varat redzēt arī “XHR”, kas ir saīsinājums no XMLHttpRequest, kas ir Ajax vietējā pamattehnoloģija.
Atšķirība starp GET un POST būtībā ir: GET ir paredzēts informācijas iegūšanai, un tam nevajadzētu būt atbildīgam par datu maiņu, un POST ir īpaši paredzēts datu mainīšanai. Jūtieties brīvi uzzināt vairāk par šo StackOverflow pavedienu.
GET pieprasījuma veikšana jQuery ir pārsteidzoši vienkārša:
$.get( "URL", function(data) ( // do something with data )); ));URL ir tas, no kura jūs vēlaties iegūt datus. Otrais parametrs ir atzvanīšanas funkcija, kas darbojas, kad Ajax pieprasījums bija veiksmīgs. Vissvarīgākais parametrs ir pirmais, dati, kuriem ir informācija, ko tā ieguva no pieprasījuma.
Dažreiz Ajax pieprasījumi var neizdoties. Viens no šīs kļūmes iemesliem varētu būt pati pārlūkprogramma un tās drošības politika. Paši pārlūki ir noteikumi par to, kur var pieprasīt saturu. Pieprasījumus vienmēr var iesniegt tajā pašā domēnā, no kura nāk pieprasījums. Bet, ja ir iesaistīts cits domēns, šim citam domēnam tas būs īpaši jāļauj.
Par to visu varat izlasīt vietnē enable-cors.org. CORS, kas iestājas par “Cross-Origin Resource Sharing”. Mēs aplūkojam piemēru, kur CORS nav iespējots un Ajax pieprasījums neizdodas. Viens standarta un vienkāršs veids, kā to novērst, pieņemot, ka serveris ir Apache, ir iestatīt galveni, kas īpaši ļauj CORS caur .htaccess failu:
Header set Access-Control-Allow-Origin "*"Videoklipā mēs vienkārši pārvietojam Ajax pieprasījumu uz CodePen, kas pēc noklusējuma labi apstrādā Ajax.
Viegli siers:
Skatiet Kriss Koijera (@chriscoyier) Pen fBInl pildspalvu vietnē CodePen