Inhoudsopgave
Wanneer we besluiten dat we het pad van werken met . gaan inslaan? Ajax in HTML5We moeten ons ervan bewust zijn dat we de mogelijke fouten die optreden moeten behandelen, in het bijzonder hebben we twee soorten fouten die verschillen in hun perspectief.Het eerste type fout wordt gegeven vanuit het oogpunt van het object XMLHttpRequest en het is een situatie die verhindert dat het verzoek wordt gedaan, zoals dat de hostnaam niet wordt opgelost in de DNS, een verbinding geweigerd of een ongeldige URL bijvoorbeeld.
Het tweede type fout wordt gegeven vanuit het oogpunt van onze toepassing, maar heeft niets te maken met het object XMLHttpRequest, dat wil zeggen, er is een verzoek gedaan, het is geaccepteerd, verwerkt en een reactie gegenereerd, maar de reactie was niet de verwachte inhoud, bijvoorbeeld als de URL die we hebben opgegeven niet bestaat.
Laten we eens kijken dat het eerste type fout dat we moeten afhandelen, is wanneer we de verkeerde gegevens doorgeven aan het object XMLHttpRequest, zoiets als een slecht gevormde URL, hoewel het gek klinkt, is dit een vrij veel voorkomende fout wanneer we werken met Ajax.
Laten we bijvoorbeeld de volgende aanroep bekijken die tot deze fout kan leiden:
httpRequest.open ("GET", "http: //");Een probleem van dit type treedt meestal op omdat de gebruiker wordt gevraagd een waarde of gegevens in te voeren waarmee we de URL en aangezien we weten dat de gebruiker het eerste zwakke punt van een programma is en zodat dit ons niet beïnvloedt, moeten we manieren ontwikkelen om elk type inhoud dat het ons stuurt te valideren en te verwerken.
Om dit aan te pakken gebruiken we een blok proberen te vangen waarmee we de code kunnen uitvoeren en als er een probleem is, vangen we de fout of uitzondering op en kunnen we deze een adequate afhandeling geven, in dit geval is wat we doen de fout tonen, zoals we in de volgende code kunnen zien , die we samenvatten en alleen laten we de onderdelen zien die op dit specifieke punt interessant zijn:
probeer {… httpRequest.open ("GET", "http: //");… httpRequest.send (); } catch (error) {displayErrorMsg ("try / catch", error.message); } In het blok vangst We hebben de mogelijkheid om de fout op te slaan, hiervoor kunnen we vragen om de gegevens opnieuw in te voeren, door te sturen naar een pagina waar de fout wordt aangegeven, etc. Het belangrijkste is dat de pagina niet faalt en het proces onverwacht sterft voor de gebruiker.
Verzoekfouten afhandelen
Deze fout wordt gegenereerd wanneer we het verzoek doen, maar er iets mis mee is, zoals dat de gevraagde URL niet wordt opgelost in de DNS; Laten we de volgende oproep bekijken:
httpRequest.open ("GET", "http: //a.nodomain/doc.html");In dit geval kan de URL niet worden opgelost door de DNS, aangezien deze een andere oorsprong heeft dan het document, het kan ook van invloed zijn op ons, om dit soort fouten te beheren, gebruiken we een functie die ons helpt ze te beheren, zoals degene die we in dit voorbeeld zien:
functie handleError (e) {displayErrorMsg ("Foutgebeurtenis", httpRequest.status + httpRequest.statusText); } Het enige dat we in gedachten moeten houden, is dat browsers de objectinformatie niet verwerken httpVerzoek op dezelfde manier, dus het antwoord is mogelijk niet hetzelfde.
Hiermee ronden we de tutorial af en hebben we al een beter concept van hoe de fouten die in een verzoek kunnen voorkomen, af te handelen en te beheren Ajax en dat ze onze pagina kunnen laten mislukken.Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
