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:
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)
|