const Http = new XMLHttpRequest(); const url="//"; ("GET", url); (); Http. onreadystatechange = (e) => { (sponseText)} Ha megtekinti a böngésző konzolt, akkor az JSON formátumú tömb adatot ad vissza. De honnan tudhatnánk, hogy megtörténik-e a kérés? Más szavakkal, hogyan tudjuk kezelni a válaszokat az Ajax-szal? Az onreadystatechange ingatlan két módszer, readyState és status amelyek lehetővé teszik számunkra, hogy ellenőrizze az állapotát kérésünket. Ha readyState egyenlő 4-vel, az azt jelenti, hogy a kérés megtörtént. A readyState szálláshelyre 5 válasz érkezett. Tudjon meg többet itt. Az Ajax-hívás JavaScripten történő közvetlen kezdeményezésén kívül vannak más hatékonyabb módszerek is a HTTP-hívások kezdeményezésére, mint például $ a jQuery módszer. Most megbeszélem ezeket. jQuery módszerek A jQuery számos módszerrel képes kezelni a HTTP-kéréseket. JQuery.ajax() alapozó | Zsolt jegyzetei. Ezeknek a módszereknek a használatához be kell építenie a jQuery könyvtárat a projektjébe. $ A jQuery Ajax az egyik legegyszerűbb módszer a HTTP-hívás kezdeményezésére.
A 3. példában egy bonyolult, időigényes feladatot szimulálok, amire 4 másodpercet várni kell, ez idő alatt egy üzenetet jelenít meg az (), természetesen ehelyett lehet valami animált homokóra is, stb. ezt a beforeSend kulcspárral valósíthatjuk meg. A 4. példában a kiszolgáló oldalán történt hibákról kaphatunk információt a () függvény segítségével. Példakódok: itt Egyelőre ennyit. folyt köv…
Ha még nem ismeri az ES6-ot, elolvashatja erről a cikkben. Az ígéretek lehetővé teszik számunkra az aszinkron kérés intelligensebb kezelését. Vessünk egy pillantást a fetch műszakilag működő működésre. A fetch függvény egy szükséges paramétert vesz fel: az endpoint URL-t. Más opcionális paraméterekkel is rendelkezik, mint az alábbi példában: Mint láthatja, fetch sok előnye van a HTTP-kérelmek benyújtásában. Itt többet megtudhat róla. Ezenkívül a Fetch-en belül vannak más modulok és bővítmények, amelyek lehetővé teszik számunkra, hogy kéréseket küldjünk és fogadjunk a szerver felől és a szerver felől, például axiókat. Axios Az Axios egy nyílt forráskódú könyvtár HTTP-kérések készítéséhez, és számos nagyszerű szolgáltatást nyújt. Vessünk egy pillantást a működésére. Használat: Először is fel kell vennie az Axios-t. Kétféleképpen vonhatja be az Axios-t a projektbe. Először is használhatja az npm-et: npm install axios --save Akkor importálnia kell import axios from 'axios' Másodszor, felveheti az axiókat egy CDN segítségével.