jQuery ajax hata işlevi

Daha sonra bir değer döndüren bir sayfaya veri aktaran bir ajax çağrım var.

Sayfadan başarılı aramayı aldım, ancak asp'de bir hata oluşturacak şekilde kodladım. Bu hatayı jquery'den nasıl alırım?

Örneğin:

cache: false,
url: "addInterview_Code.asp",
type: "POST",
datatype: "text",
data: strData,
success: function (html) {
    alert('successful : ' + html);
    $("#result").html("Successful");
},
error: function (error) {
    **alert('error; ' + eval(error));**
}

Anlamadığım hata biti. Sonra ben bu hata mesajını kullanabilir böylece, ben koymak gerekmez ne parametre fonksiyonunda kaldırdı sunucusunda.

Bir Ajax errorişlevinde gerekli parametreler şunlardır jqXHR, exceptionve aşağıdaki gibi kullanabilirsiniz:

$.ajax({
    url: 'some_unknown_page.html',
    success: function (response) {
        $('#post').html(response.responseText);
    },
    error: function (jqXHR, exception) {
        var msg = '';
        if (jqXHR.status === 0) {
            msg = 'Not connect.\n Verify Network.';
        } else if (jqXHR.status == 404) {
            msg = 'Requested page not found. [404]';
        } else if (jqXHR.status == 500) {
            msg = 'Internal Server Error [500].';
        } else if (exception === 'parsererror') {
            msg = 'Requested JSON parse failed.';
        } else if (exception === 'timeout') {
            msg = 'Time out error.';
        } else if (exception === 'abort') {
            msg = 'Ajax request aborted.';
        } else {
            msg = 'Uncaught Error.\n' + jqXHR.responseText;
        }
        $('#post').html(msg);
    },
});

DEMO FIDDLE

Parametreler

jqXHR:

Aslında şuna benzeyen bir hata nesnesi

Bunu, aşağıdaki gibi işlevin console.logiçinde kullanarak kendi tarayıcı konsolunuzda da görüntüleyebilirsiniz error:

error: function (jqXHR, exception) {
    console.log(jqXHR);
    // Your error handling logic here..
}

statusHata kodunu almak için bu nesnenin özelliğini kullanıyoruz , örneğin status = 404 alırsak bu istenen sayfanın bulunamadığı anlamına gelir. Hiç yok. Bu durum koduna bağlı olarak, kullanıcıları giriş sayfasına veya iş mantığımızın gerektirdiği her şeye yönlendirebiliriz.

istisna:

Bu, istisna türünü gösteren dize değişkenidir. Dolayısıyla, 404 hatası alıyorsak, exceptionmetin basitçe 'hata' olacaktır. Benzer şekilde, diğer istisna metinleri olarak 'zaman aşımı', 'iptal' alabiliriz.

Eskime Uyarı:jqXHR.success() , jqXHR.error()ve jqXHR.complete()geri çağrıları jQuery 1.8 olarak önerilmemektedir. Onların nihai kaldırılması için kodunuzu hazırlamak için, kullanmak jqXHR.done(), jqXHR.fail()ve jqXHR.always()bunun yerine.

Bu nedenle, jQuery 1.8 veya üstünü kullanıyorsanız , aşağıdaki gibi başarı ve hata işlevi mantığını güncellememiz gerekecektir: -

// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax("some_unknown_page.html")
    .done(function (response) {
        // success logic here
        $('#post').html(response.responseText);
    })
    .fail(function (jqXHR, exception) {
        // Our error logic here
        var msg = '';
        if (jqXHR.status === 0) {
            msg = 'Not connect.\n Verify Network.';
        } else if (jqXHR.status == 404) {
            msg = 'Requested page not found. [404]';
        } else if (jqXHR.status == 500) {
            msg = 'Internal Server Error [500].';
        } else if (exception === 'parsererror') {
            msg = 'Requested JSON parse failed.';
        } else if (exception === 'timeout') {
            msg = 'Time out error.';
        } else if (exception === 'abort') {
            msg = 'Ajax request aborted.';
        } else {
            msg = 'Uncaught Error.\n' + jqXHR.responseText;
        }
        $('#post').html(msg);
    })
    .always(function () {
        alert("complete");
    });

Umarım yardımcı olur!

Bunu dene:

error: function(jqXHR, textStatus, errorThrown) {
  console.log(textStatus, errorThrown);
}

Ön ucunuza bir doğrulama hatası hakkında bilgi vermek istiyorsanız, json döndürmeyi deneyin:

dataType: 'json',
success: function(data, textStatus, jqXHR) {
   console.log(data.error);
}

Asp betiğiniz şunu döndürmelidir:

{"error": true}

İşte asp hatasını nasıl çıkaracağınız.

              cache: false,
              url: "addInterview_Code.asp",
              type: "POST",
              datatype: "text",
              data: strData,
              success: function (html) {
                  alert('successful : ' + html);
                  $("#result").html("Successful");
              },
              error: function (jqXHR, textStatus, errorThrown) {
                  if (jqXHR.status == 500) {
                      alert('Internal error: ' + jqXHR.responseText);
                  } else {
                      alert('Unexpected error.');
                  }
              }

error(jqXHR, textStatus, errorThrown)

http://api.jquery.com/jQuery.ajax/

          cache: false,
          url: "addInterview_Code.asp",
          type: "POST",
          datatype: "text",
          data: strData,
          success: function (html) {
              alert('successful : ' + html);
              $("#result").html("Successful");
          },
          error: function(data, errorThrown)
          {
              alert('request failed :'+errorThrown);
          }

bir işlev kullanıyorsun

error(error) 

ancak jquery aslında üç parametresi olan bir işlev arıyor:

error(jqXHR, textStatus, errorThrown)

iki parametre daha eklemeniz gerekecek.

AYRICA: Lütfen yukarıdaki 'kullanımdan kaldırıldı' ifadesinin yer aldığı tüm yorumlara bir göz atın :)

$.ajax("www.stackoverflow.com/api/whatever", {
    dataType:"JSON"
    data: { id=1, name='example' }
}).succes(function (result) {
    // use result
}).error(function (jqXHR, textStatus, errorThrown) {
    // handle error
});

Jquery.com adresinden:

The jqXHR.success(), jqXHR.error(), and jqXHR.complete()
callback methods introduced injQuery 1.5 are deprecated
as of jQuery 1.8. To prepare your code for their eventual 
removal, use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.

Global işleyiciler istiyorsanız şunları kullanabilirsiniz:

.ajaxStart(), .ajaxStop(),
.ajaxComplete(), .ajaxError(),
.ajaxSuccess(), .ajaxSend()