Olá,
Tenho um requisição GET
em Jquery
, para carregar um página HTML
; e caso a página não exista, então exibe no container um <div>erro 404</div
.
A requisição em Jquery funciona bem.
Requisição Jquery
const loadHtml = (url, element) => {
$.get(url, function(response) {
$(element).html(response);
}).fail(function() {
$(element).html('<div>erro 404</div>');
})
}
Porém eu quero remover o Jquery da aplicação e, neste caso, quero utilizar javascript puro
, então pensei em utilizar Promise
.
Acontece que quando a página HTML
NÃO existe, a mensagem exibida no container, não esta sendo <div>erro 404</div>
, e sim a mensagem 404 do servidor.
Podem me ajudar a melhor o código abaixo para que, se a página não existir eu possa exibir o <div>erro 404</div>
?
Promise
const loadHtml = (url, element) => {
fetch(url, {
method: 'get' // opcional
})
.then(function(response) {
response.text()
.then(function(result) {
console.log(result);
$(element).html(result);
})
})
.catch(function(err) {
$(element).html('<div>erro 404</div>');
});
}