„Ajax“ ten užima gana aukštą vietą dėl didžiausių priežasčių naudoti „jQuery“. „JQuery“ ne tik išsprendžia kelių naršyklių problemas, bet ir labai lengvai naudoja sintaksę.
Šiame vaizdo įraše mes pasmeigiame paaiškindami, kas iš viso yra „Ajax“. Mes žiūrime į formos elementą, kuris pateikdamas atlieka jūsų nurodytą URL (nustatytą pagal veiksmo atributą) GET arba POST užklausą (nustatytą pagal metodo atributą). Tai tik HTML, joks backend kodas ar „JavaScript“ ten nevyksta. Bet dėl pateikimo puslapis pasikeis, pažodžiui įkeliant naują URL, kaip ir spustelėjus nuorodą.
„Ajax“ leidžia mums pateikti tą GET arba POST užklausą fone, neperkraunant puslapio. Jo esmė yra visa „Ajax“ esmė. Ir tai labai galinga. Tai iš esmės atsakinga už tai, kodėl šiuolaikinės svetainės veikia ir jaučiasi taip, kaip jos.
„Ajax“ anksčiau „reiškė“ asinchroninį „JavaScript“ ir XML, tačiau šiais laikais to dažniausiai nepaisoma, nes tai nereiškia daug. Taip pat išplaukia didžiosios raidės. Taip pat kartais galite pamatyti „XHR“, kuris yra trumpas XMLHttpRequest, kuris yra pagrindinė „Ajax“ technologija.
Skirtumas tarp GET ir POST iš esmės yra toks: GET yra skirtas gauti informaciją ir neturėtų būti atsakingas už duomenų pakeitimą, o POST - būtent dėl duomenų keitimo. Skaitykite daugiau apie tai „StackOverflow“ gijoje.
Nepaprastai lengva pateikti „GET“ užklausą „jQuery“:
$.get( "URL", function(data) ( // do something with data )); ));URL yra tas, iš kurio tikitės gauti duomenis. Antrasis parametras yra atgalinio ryšio funkcija, kuri veikia, kai „Ajax“ užklausa buvo sėkminga. Svarbiausias parametras yra pirmasis - duomenys, turintys informaciją, kurią jis gavo iš užklausos.
„Ajax“ užklausos kartais gali nepavykti. Viena šios gedimo priežasčių gali būti pati naršyklė ir jos saugos politika. Pačios naršyklės yra taisyklės, kur galima prašyti turinio. Užklausos visada gali būti pateikiamos tam pačiam domenui, iš kurio gaunama užklausa. Bet jei dalyvauja kitas domenas, tas kitas domenas turės tam specialiai leisti.
Visa tai galite perskaityti tinklalapyje enable-cors.org. CORS reiškia „Cross-Origin Sharing Sharing“. Mes žiūrime pavyzdį, kai CORS nėra įjungtas, o „Ajax“ užklausa nepavyksta. Vienas standartinis ir paprastas būdas tai išspręsti, darant prielaidą, kad serveris yra „Apache“, yra nustatyti antraštę, kuri specialiai leidžia CORS per .htaccess failą:
Header set Access-Control-Allow-Origin "*"Vaizdo įraše tiesiog perkeliame „Ajax“ užklausą į „CodePen“, kuri pagal numatytuosius nustatymus gerai tvarko „Ajax“.
Lengvas sūrus:
Žr. Chriso Coyierio (@chriscoyier) „Pen fBInl“ „CodePen“