ajax 网络无法连接,JQuery Ajax - 如何在进行Ajax调用时检测网络连接错误

使用

xhr.onerror = function(e){

if (XMLHttpRequest.readyState == 4) {

// HTTP error (can be checked by XMLHttpRequest.status and XMLHttpRequest.statusText)

selFoto.erroUploadFoto('Erro HTTP: '+XMLHttpRequest.statusText);

}

else if (XMLHttpRequest.readyState == 0) {

// Network error (i.e. connection refused, access denied due to CORS, etc.)

selFoto.erroUploadFoto('Erro de rede:'+XMLHttpRequest.statusText);

}

else {

selFoto.erroUploadFoto('Erro desconhecido.');

}

};

(更多代码 - 上传图片示例)

var selFoto = {

foto: null,

upload: function(){

LoadMod.show();

var arquivo = document.frmServico.fileupload.files[0];

var formData = new FormData();

if (arquivo.type.match('image.*')) {

formData.append('upload', arquivo, arquivo.name);

var xhr = new XMLHttpRequest();

xhr.open('POST', 'FotoViewServlet?acao=uploadFoto', true);

xhr.responseType = 'blob';

xhr.onload = function(e){

if (this.status == 200) {

selFoto.foto = this.response;

var url = window.URL || window.webkitURL;

document.frmServico.fotoid.src = url.createObjectURL(this.response);

$('#foto-id').show();

$('#div_upload_foto').hide();

$('#div_master_upload_foto').css('background-color','transparent');

$('#div_master_upload_foto').css('border','0');

Dados.foto = document.frmServico.fotoid;

LoadMod.hide();

}

else{

erroUploadFoto(XMLHttpRequest.statusText);

}

if (XMLHttpRequest.readyState == 4) {

selFoto.erroUploadFoto('Erro HTTP: '+XMLHttpRequest.statusText);

}

else if (XMLHttpRequest.readyState == 0) {

selFoto.erroUploadFoto('Erro de rede:'+XMLHttpRequest.statusText);

}

};

xhr.onerror = function(e){

if (XMLHttpRequest.readyState == 4) {

// HTTP error (can be checked by XMLHttpRequest.status and XMLHttpRequest.statusText)

selFoto.erroUploadFoto('Erro HTTP: '+XMLHttpRequest.statusText);

}

else if (XMLHttpRequest.readyState == 0) {

// Network error (i.e. connection refused, access denied due to CORS, etc.)

selFoto.erroUploadFoto('Erro de rede:'+XMLHttpRequest.statusText);

}

else {

selFoto.erroUploadFoto('Erro desconhecido.');

}

};

xhr.send(formData);

}

else{

selFoto.erroUploadFoto('');

MyCity.mensagens.push('Selecione uma imagem.');

MyCity.showMensagensAlerta();

}

},

erroUploadFoto : function(mensagem) {

selFoto.foto = null;

$('#file-upload').val('');

LoadMod.hide();

MyCity.mensagens.push('Erro ao atualizar a foto. '+mensagem);

MyCity.showMensagensAlerta();

}

};