Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Nézet: 4352|Válasz: 2

[JavaScript] Az ajax-hook webfejlesztéshez minden XMLHttpRequest kérést elfog.

[Linket másol]
Közzétéve 2023. 06. 22. 10:29:45 | | | |
Követelmények: Fogja el az összes XMLHttpRequest kérést, és amikor a háttérfelület visszaadja a bejelentkezési státusz kódot, közvetlenül a bejelentkezési felületre ugranak, és már nem továbbítják azt. Használható egységes aláírások, automatikus protokollfeloldás, interfészhívás statisztikák stb. hozzáadására is.

Szemle:

a jQuery elfogja az Ajax által visszaküldött eredményeket
https://www.itsvse.com/thread-9570-1-1.html
Bár a jQuery képes elfogni az Ajax kéréseket, ez csak a hívóra korlátozódik, aki ajax módszerekkel jQuery-ben működik, és nem tudja elfogni a kéréseket natív XMLHttpRequest használatával.Mivel az ajax kérés a jQuery-ben szintén az XMLHttpRequest kapszulációja, valójában el tudjuk fogni az XMLHttpRequestet

Az ajax-hook egy könnyű könyvtár a böngésző XMLHttpRequest objektumainak elfogására, amely előfeldolgozhatja a kéréseket, válaszokat és hibákat, mielőtt az XMLHttpRequest objektum indítana egy kérést, a válasz tartalmának megérkezése után, és amikor hiba jelentkezik. Az Ajax-hook nagyon kompatibilis, és bármely böngészőn futhat, amely támogatja az ES5-et, mivel nem támaszkodik az ES6 funkcióira.

Elv: ajax-hook testreszabja az XMLHttpRequest metódusait és tulajdonságait, hogy felülírja a globális XMLHttpRequest objektumot. Az XMLHttpRequest objektumhoz egy proxy-réteg kerül becsomagolva.

Nyílt forráskódú cím:A hiperlink bejelentkezés látható.

CDN cím:A hiperlink bejelentkezés látható.

Proxy vs. hook

Mind proxy() mind a hook() használható globális XMLHttpRequestek elfogására. Különbségeik a következők:Hook() finom intercepciós granularitással rendelkezik, specifikus lehet egy adott metódusra, attribútumra vagy visszahívásra az XMLHttpRequest objektumhoz, de nehezebb használni, és sokszor nemcsak az üzleti logikát kell szétszórni különböző visszahívásokban, hanem hajlamos a hibákra is. mivelProxy() magas szintű absztrakcióval rendelkezik, és a kérés kontextusa megépül (a kérésinformáció konfigurációja közvetlenül minden visszahívásban elérhető), ami egyszerűbb és hatékonyabb a használata.

Legtöbbször miAjánlott a proxy() módszert használni, hacsak nem felel meg az igényeidnek

Próbáld meg hozzáadni a jQuery ajax request interceptiont és proxy interceptiont az ajax-hook-ban, a kód a következő:

Próbálj meg jQuery-vel küldeni egy get requestet, és látodMindkettő elfogható, ahogy az alábbi ábrán látható:



Küldj kérést natív XMLHttpRequest segítségével, fedezd felCsak Ajax-hook tud elfogni, ahogy az alábbi ábrán látható:



Az ajax-hook proxy további felhasználásai:

Példa:A hiperlink bejelentkezés látható.

(Vége)





Előző:Az EF SQL utasítások automatikusan generálják az IS NULL vagy IS NOT NULL
Következő:.NET/C# HttpClient source code simple analysis
 Háziúr| Közzétéve 2023. 06. 22. 10:32:52 |
Intercept fetch() API kérések és válaszok:https://stackoverflow.com/questi ... onses-in-javascript
 Háziúr| Közzétéve 2024. 04. 18. 8:39:18 |
Intercept HTTP válasz 401 Engedély nélküli ugrás bejelentkezési kód:

Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.

Mail To:help@itsvse.com