Cara Mengatasi Datatables Warning Table Ajax Error - Cara mengatasi eror dengan pesan seperti ini DataTables warning: table id=exampletable - Ajax error. For more information about this error, please see https://datatables.net/tn/7
Saat menggunakan ajax untuk memanggil data dan ditampilkan di DataTables, kesalahan yang umum terjadi dipicu jika server merespons nilai selain respons HTTP 2xx yang valid.
 |
| Cara Mengatasi Datatables Warning Table Ajax Error |
Kesalahan yang diberikan adalah:
Peringatan DataTables: tabel id= #id - Kesalahan Ajax, di mana #id DOM tabel yang memicu kesalahan.
Kesalahan ini muncul ketika jQuery errorcalback handler bawaan jQuery Datatables yang merespon HTTP status code selain 2xx.
Misalnya server mungkin merespons dengan 404 Not Found menunjukkan bahwa file yang diminta tidak tersedia di URL yang diberikan, atau 500 Internal Server Error yang menunjukkan bahwa server mengalami kesalahan saat memproses permintaan.
DataTables akan memicu kesalahan khusus untuk kasus di mana permintaan dari server adalah pengembalian yang valid (status kode 200) atau format JSON yang tidak valid.
Mencari Penyebab Error Datatables
Jika server tidak mengirimkan response dengan status kode 2xx maka kamu perlu mencari tahu dengan memanfaatkan ftur bawaan browser.
Semua browser modern dilengkapi dengan alat pengembang bawaan, yang dapat digunakan untuk mengetahui data apa yang ditanggapi server dengan permintaan DataTables Ajax.
Berikut cara melakukan debugging error datatables ajax serverside.
1. Untuk mengakses konsol pengembang Chrome:
Mac: Akses opsi menu Lihat > Pengembang > Konsol JavaScript .
Windows: Klik menu Chrome (di sebelah kanan bilah alamat) dan pilih Alat > Konsol Javascript .
2. Console_ ditampilkan di bagian bawah jendela browser saat ini.
Jika kesalahan umum telah terjadi, itu akan ditampilkan di sini
3. Informasi lebih detail dapat diperoleh dari panel jaringan yang akan menampilkan semua permintaan yang dilakukan oleh Chrome untuk memuat halaman.
Segarkan halaman agar Chrome dapat menangkap semua permintaan
Klik opsi Fetch/XHR di bagian bawah jendela untuk mengurangi permintaan menjadi hanya permintaan Ajax (Fetch/XHR).
 |
| Tampilan Tab Jaringan (network) |
4. Detail tentang permintaan Ajax ditampilkan.
Klik dua kali permintaan Ajax yang dibuat, termasuk yang menghasilkan kesalahan - kesalahan 404 dalam kasus ini.
Menangani Masalah Error Datatables
Setelah Anda mengikuti instruksi di atas, Anda akan tahu kesalahan apa yang ditanggapi oleh server untuk permintaan Ajax.
Kesalahan yang paling umum adalah:
- 404 tidak ditemukan.
URL yang diminta tidak ditemukan di server.
Periksa kesalahan ketik pada nama file di ajaxparameter dan di file Anda di server.
- 500 - Kesalahan Internal.
Server mengalami kesalahan saat menanggapi permintaan.
Periksa log kesalahan server untuk informasi mengapa kesalahan ini terjadi.
- Asal tidak diizinkan oleh Access-Control-Allow-Origin.
Permintaan telah dibuat ke halaman di domain yang berbeda dari domain tempat halaman saat ini dimuat.