Just Share Information and Experience

Saturday 22 December 2018

Cara Menampilkan Error AJAX

Cara Menampilkan Error Ajax

Istilah Ajax bagi programmer pastinya sudah tidak asing lagi ya, tapi bukan klub sepak bola...heheheh.. Disini yang ingin saya bahasa bukan definisi dan cara penggunaan ajax nya, melainkan penanganan jika suatu ajax itu tidak berhasil dilakukan. Biasanya jika ajax tidak sukses, tidak ada hasil yang ditampilkan dan ini biasanya membuat programmer atau user pasti bingung.

Baca Juga :
               Membuat Ajax dengan Json 

Artikel Cara menampilkan error ajax ini ditujukan bagi orang yang belum mengetahui cara menampilkannya ya, dan bagi yang sudah mengetahui bisa berikan komentar jika ada yang kurang tepat...hehehehe..

Biasanya jika kita mendefinisikan sebuah ajax umumnya seperti ini :

$.ajax({
      type : 'GET / POST',
      url : 'url ajax',
      data : {data ajax},

      dataType : type data seperti:json dll,
      success:function(data) {
            //kode selanjutnya
      }
});

Script di atas adalah contoh penggunaan ajax standar. Nah bagaimana jika dalam prosesnya tersebut ternyata link tidak ditemukan atau prosesnya terdapat error entah kode PHP atau error query. Maka disini kita perlu exception jika itu terjadi. Ubah kode sebelumnya menjadi seperti berikut : 

$.ajax({
      type : 'GET / POST',
      url : 'url ajax',
      data : {data ajax},
      dataType : type data seperti:json dll,
      success:function(data) {
            //kode selanjutnya
      },error:function(jqXHR, textStatus, errorThrown) {
          //tampilkan kode error
          alert('Error : '+jqXHR.status);
        }
});

Kita lihat pada script di atas dengan cukup menambahkan script error untuk penanganan eksekusi ajax. Nah misalkan sebagai contoh ternyata link ajax tidak ditemukan maka status yang ditampilkan adalah "404", begitupun dengan kode yang lainnya. Sebagai tambahan informasi jika kalian ingin mengetahui daftar kode status HTTP kalian dapat mempelajarinya disini

sekian artikel kali ini, jika masih ada yang belum dipahami tinggalkan komentar di bawah ya.. terimakasih.. :)


No comments:

Post a Comment