Fungsi kesalahan ajax jQuery

Saya memiliki panggilan ajax meneruskan data ke halaman yang kemudian mengembalikan nilai.

Saya telah mengambil panggilan yang berhasil dari halaman tetapi saya telah mengkodekannya sehingga menimbulkan kesalahan dalam asp. Bagaimana saya mengambil kesalahan itu dari jquery?

Sebagai contoh:

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));**
}

Ini sedikit kesalahan yang saya tidak mengerti. Dalam fungsi parameter apa yang harus saya masukkan, sehingga saya kemudian dapat menggunakan pesan kesalahan yang saya angkat di server.

Parameter yang diperlukan dalam errorfungsi Ajax adalah jqXHR, exceptiondan Anda dapat menggunakannya seperti di bawah ini:

$.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

Parameter

jqXHR:

Ini sebenarnya adalah objek kesalahan yang terlihat seperti ini

Anda juga dapat melihat ini di konsol browser Anda sendiri, dengan menggunakan console.logdi dalam errorfungsi seperti:

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

Kami menggunakan statusproperti dari objek ini untuk mendapatkan kode kesalahan, seperti jika kami mendapatkan status = 404 ini berarti halaman yang diminta tidak dapat ditemukan. Tidak ada sama sekali. Berdasarkan kode status itu, kami dapat mengarahkan pengguna ke halaman login atau apa pun yang diperlukan logika bisnis kami.

pengecualian:

Ini adalah variabel string yang menunjukkan tipe pengecualian. Jadi, jika kita mendapatkan 404 kesalahan, exceptionteks akan menjadi 'kesalahan'. Demikian pula, kita mungkin mendapatkan 'batas waktu', 'batalkan' sebagai teks pengecualian lainnya.

Pemberitahuan Penghentian: The jqXHR.success(),, jqXHR.error()dan jqXHR.complete()callback tidak digunakan lagi pada jQuery 1.8. Untuk mempersiapkan kode untuk penghapusan akhirnya mereka, menggunakan jqXHR.done(), jqXHR.fail()dan jqXHR.always()sebagai gantinya.

Jadi, jika Anda menggunakan jQuery 1.8 atau lebih baru, kami perlu memperbarui logika fungsi keberhasilan dan kesalahan seperti: -

// 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");
    });

Semoga ini bisa membantu!

Coba ini:

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

Jika Anda ingin memberi tahu frontend Anda tentang kesalahan validasi, coba kembalikan json:

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

Skrip asp Anda akan kembali:

{"error": true}

Inilah cara Anda mengeluarkan kesalahan asp.

              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);
          }

Anda menggunakan suatu fungsi

error(error) 

tetapi jquery sebenarnya mencari fungsi dengan tiga parameter:

error(jqXHR, textStatus, errorThrown)

Anda harus menambahkan dua parameter lagi.

JUGA: silakan lihat semua komentar di atas yang menyebutkan 'usang' :)

$.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
});

Dari jquery.com:

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.

Jika Anda menginginkan penangan global, Anda dapat menggunakan:

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