HTML5 - Tratamento de erros com Ajax

Índice
Quando decidirmos que vamos seguir o caminho de trabalhar com Ajax em HTML5Devemos estar cientes de que devemos lidar com os possíveis erros que ocorram, especificamente, temos dois tipos de erros que diferem em sua perspectiva.
O primeiro tipo de erro é dado do ponto de vista do objeto XMLHttpRequest e é alguma situação que impede que a solicitação seja feita, como que o nome do host não resolva no DNS, uma conexão recusada ou um URL inválido, por exemplo.
O segundo tipo de erro é dado do ponto de vista da nossa aplicação, mas não tem nada a ver com o objeto XMLHttpRequest, ou seja, uma solicitação foi feita, foi aceita, processada e gerou uma resposta, porém a resposta não era o conteúdo esperado, como se a URL que especificamos não existisse.

Tratamento de erros de configuração
Vamos ver que o primeiro tipo de erro que devemos tratar é quando passamos os dados errados para o objeto XMLHttpRequest, algo como um URL mal formado, embora pareça loucura, esse é um erro bastante comum quando trabalhamos com Ajax.
Por exemplo, vamos ver a seguinte chamada que pode levar a este erro:
httpRequest.open ("GET", "http: //");

Para que um problema desse tipo ocorra, geralmente ocorre porque o usuário é solicitado a inserir algum valor ou dados com os quais iremos gerar o Url e como sabemos o usuário é o primeiro ponto fraco de um programa e para que isso não nos afete temos que desenvolver formas de validar e tratar qualquer tipo de conteúdo que ele nos envie.
Para lidar com isso, usamos um bloco tentar / pegar que nos permite executar o código e se houver algum problema capturamos o erro ou exceção e podemos dar-lhe um tratamento adequado, neste caso de exemplo o que fazemos é mostrar o erro, como podemos ver no código seguinte , que resumimos e apenas mostramos as partes que interessam neste ponto específico:
 tente {… httpRequest.open ("GET", "http: //");… httpRequest.send (); } catch (error) {displayErrorMsg ("try / catch", error.message); } 

Dentro do bloco captura Temos a oportunidade de salvar o erro, para isso podemos solicitar que os dados sejam inseridos novamente, enviar para uma página onde o erro seja indicado, etc. O importante é que a página não falhe e o processo morra inesperadamente para o usuário.
Tratamento de erros de solicitação
Este erro é gerado quando fazemos a solicitação, mas há algo errado com ela, por exemplo, a URL solicitada não resolve no DNS; Vamos ver a seguinte chamada:
httpRequest.open ("GET", "http: //a.nodomain/doc.html");

Neste caso, o URL não pode ser resolvido pelo DNS, além disso, por ter uma origem diferente do documento também pode nos afetar, para gerenciar este tipo de erros, utilizamos uma função que nos ajuda a gerenciá-los, como o que vemos neste exemplo:
 function handleError (e) {displayErrorMsg ("Evento de erro", httpRequest.status + httpRequest.statusText); } 

O único ponto que devemos ter em mente é que os navegadores não manipulam as informações do objeto httpRequest da mesma forma, então a resposta pode não ser a mesma.
Com isso terminamos o tutorial e já temos um conceito melhor de como lidar e gerenciar os erros que podem ocorrer em uma solicitação Ajax e que podem fazer nossa página falhar.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo

Você vai ajudar o desenvolvimento do site, compartilhando a página com seus amigos

wave wave wave wave wave