Contoh Pengurusan Kesalahan JQuery

Takeaways Key

• Pengurusan ralat jQuery boleh diperbaiki dengan menggunakan alat seperti Firebug dan Firequery; menggunakan fungsi JavaScript seperti Alert () dan Console.log () untuk menjejaki pelaksanaan dan nilai kod; dan menggunakan blok cuba/menangkap untuk mengendalikan kesilapan yang berpotensi dalam kod.
• fungsi AJAX JQuery boleh digunakan untuk mengendalikan kesilapan biasa seperti apabila tiada data dikembalikan, dengan fungsi ralat dalam kesilapan komunikasi pengendalian panggilan AJAX dengan pelayan. Di samping itu, fungsi ralat Ajax tersuai boleh dibuat untuk mengendalikan jenis kesilapan tertentu seperti masa tamat, ralat parse, atau ralat HTTP.
• JQuery menyediakan beberapa kaedah untuk mengendalikan kesilapan, termasuk kaedah .error () dan .ajaxError () untuk peristiwa ralat mengikat, kaedah .fail () untuk mengendalikan penolakan objek Ajax atau tertunda, dan pernyataan percubaan untuk menangkap kesilapan dalam kod yang tidak dapat diprediksi. Walau bagaimanapun, beberapa kaedah seperti .error () tidak terdapat dalam versi jQuery yang lebih baru.

Ok, jadi saya mengandaikan anda semua tahu tentang Firebug dan Firequery. Jika anda tidak jawatan ini boleh membantu anda. Firebug mempunyai beberapa alat yang berkuasa yang boleh membuat mimpi buruk sebelumnya JavaScript debugging boleh diterima.

• bagaimana untuk menyiapkan firebug
• menggunakan firequery untuk menukar logo google

Jadi sekarang anda ingin menguruskan kesilapan tersebut dengan lebih baik bukan hanya supaya pengguna anda tidak melihat apa -apa kesilapan tetapi juga membantu apabila anda sedang membangunkan skrip anda.

alert ()

<span>//alert() shows values in a popup window
</span><span>alert("js is working");</span>

Alert boleh digunakan untuk melihat sama ada kod anda sebenarnya dilaksanakan kerana jika terdapat kesilapan sintaks kritikal dalam javascript anda, ia tidak akan dilaksanakan sama sekali. Juga boleh digunakan untuk melihat sama ada blok atau segmen kod tertentu sedang dicapai.

console.log ()

<span>//console.log() shows values in the firebug console window
</span><span>var x = ... etc
</span><span>console.log(x);</span>

Console.log () boleh sangat berguna untuk menunjukkan nilai yang dilaksanakan dalam gelung dan untuk menangkap peristiwa. Lebih banyak lagi di pos. Pelbagai pilihan untuk pembalakan dapat dilihat di halaman Wiki Konsol Firebug . PENTING: Pastikan anda melampirkan arahan Firebug anda jika tidak kod jQuery anda hanya akan berfungsi apabila konsol dibuka.

cuba/menangkap

<span>//try catch example 1
</span><span>try {
</span>	<span>$("#user").focus();
</span><span>} catch(err){
</span>	<span>return false;
</span><span>}
</span>
<span>//try catch example 2
</span><span>try {
</span><span>var tmp = doSomething();
</span><span>if (tmp == something.errorCondition)
</span><span>throw new Error("Error condition in X");
</span><span>} catch(err) {
</span><span>//handle ((err && err.message) || err.toString())
</span><span>} 
</span>
<span>//try catch example 3
</span><span>try {
</span>  <span>// code that may cause an error
</span><span>} catch (e) {
</span>  <span>// deal with error (or not)
</span><span>}
</span><span>// code that runs whether or not error occurred</span>

mengatasi ralat untuk paparan di firebug

Anda juga boleh mengatasi jQuery.error untuk paparan di Firebug seperti SO:

jQuery<span>.error = console.error;</span>

paparan ralat berhenti jQuery

Jika anda menggunakan pengendali acara jQuery, anda boleh menggunakan gabungan Window.onerror dan membungkus kod pengendali acara jQuery dan pada fungsi siap dengan fungsi pengendalian ralat.

• window.onerror: Menangkap semua kesilapan dalam IE (dan kebanyakan kesilapan di Firefox), tetapi tidak ada apa -apa dalam safari dan opera.
• pengendali acara jQuery: menangkap kesilapan acara jQuery dalam semua pelayar.
• Fungsi siap jQuery: menangkap kesilapan inisialisasi dalam semua pelayar.

Jenis kesilapan jQuery (kesilapan biasa)

Kesalahan biasa ialah apabila Ajax tidak mengembalikan data. Ini boleh dikendalikan dengan menambahkan mesej ralat, lihat contoh berikut borang hubungan AJAX.

<span>//alert() shows values in a popup window
</span><span>alert("js is working");</span>

Memeriksa di Firebug yang mempunyai medan Statustext yang boleh digunakan untuk menentukan jenis ralat jQuery.

fungsi ralat tangkapan Ajax berguna

<span>//console.log() shows values in the firebug console window
</span><span>var x = ... etc
</span><span>console.log(x);</span>

Bacaan lanjut:

• http://www.bennadel.com/blog/1392-handling-ajax-errors-with-jquery.htm

Soalan Lazim (Soalan Lazim) mengenai Pengurusan Kesalahan JQuery

Bagaimana saya boleh mengendalikan kesilapan dalam jQuery menggunakan kaedah .error ()? Ia mengikat pengendali acara ke acara "ralat" JavaScript. Kaedah ini amat berguna apabila berhadapan dengan kesilapan pemuatan imej. Walau bagaimanapun, penting untuk diperhatikan bahawa kaedah ini telah dikeluarkan dalam JQuery 3.0 dan hanya terdapat dalam versi lama. Untuk versi yang lebih baru, anda boleh menggunakan kaedah .on () untuk mengikat peristiwa ralat. Ia boleh dilampirkan pada mana -mana elemen, tetapi ia biasanya dilampirkan pada dokumen. Kaedah ini boleh sangat berguna dalam pengendalian kesilapan global. Anda boleh menggunakannya untuk memaparkan mesej apabila permintaan Ajax gagal, sebagai contoh. Anda boleh menggunakannya untuk "mencuba" blok kod dan "menangkap" sebarang kesilapan yang berlaku. Ini boleh menjadi sangat berguna apabila berurusan dengan kod yang tidak dapat diramalkan yang boleh membuang pengecualian. Berikut adalah contoh asas:

cuba { // kod untuk mencuba

} tangkapan (error) {

// kod untuk dijalankan jika ralat berlaku

}}

Anda boleh menggunakan pilihan StatusCode untuk menentukan fungsi panggil balik untuk kod status HTTP tertentu. Sebagai contoh, anda boleh menentukan panggilan balik untuk kod status 404 (tidak dijumpai) seperti ini:

$. Ajax ({

statuscode: {
404: function () {
halaman tidak dijumpai '); jQuery?

Kaedah .fail () adalah fungsi panggil balik yang dilaksanakan apabila objek tertunda ditolak. Ia sering digunakan bersempena dengan kaedah .ajax () untuk mengendalikan kesilapan. Berikut adalah contoh asas:

$. Ajax ({

// Ajax Options

}). Fail (function () { // untuk dijalankan jika permintaan gagal

});

Apakah perbezaan antara .error () dan .fail () dalam jQuery?

Kaedah .error () adalah pengendali peristiwa yang dipanggil apabila ralat berlaku, manakala kaedah .fail () adalah fungsi panggil balik yang dipanggil apabila objek tertunda ditolak. Kaedah .error () biasanya digunakan untuk mengendalikan kesilapan pemuatan imej, manakala kaedah .fail () sering digunakan untuk mengendalikan kesilapan ajax.

Bagaimana saya boleh menggunakan kaedah. ditolak. Kaedah .done () dipanggil apabila objek tertunda diselesaikan (iaitu, apabila operasi itu berjaya), manakala kaedah. Always () dipanggil tanpa mengira sama ada objek tertunda telah diselesaikan atau ditolak. Kaedah ini boleh digunakan bersempena dengan kaedah .ajax () untuk mengendalikan senario kejayaan dan kesilapan. Anda boleh mengendalikan kesilapan ini dengan menggunakan pernyataan percubaan. Berikut adalah contoh asas:

cuba {

var data = $ .parsejson (response);

} tangkapan (error) {

// kod untuk dijalankan jika ralat parse berlaku

}
Kaedah .AJAX (). Pilihan ini menetapkan masa tamat (dalam milisaat) untuk permintaan itu. Jika permintaan itu mengambil masa lebih lama daripada masa ini, ia dibatalkan dan kaedah .fail () dipanggil. Inilah contoh asas:

$. Dalam plugin jQuery boleh menjadi agak rumit kerana ia bergantung pada plugin tertentu. Walau bagaimanapun, pendekatan umum adalah menggunakan pernyataan percubaan untuk menangkap sebarang kesilapan yang berlaku dalam kod plugin. Anda juga boleh menggunakan kaedah .error () atau .fail () Jika plugin menggunakan objek Ajax atau tertunda.

Atas ialah kandungan terperinci Contoh Pengurusan Kesalahan JQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!