Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Tabel tidak muncul
Mohon pencerahan saya mau mencoba menampilkan table dengan menggunakan js dan jquery pada CI4, seperti berikut ini :
Controller: function dataTemp() { if ($this->request->isAJAX()) { $faktur = $this->request->getPost('faktur'); $modelTemp = new TempbarangmasukModel(); $data = [ 'datatemp' => esc($modelTemp->tampilDataTemp($faktur)) ]; $json = [ 'data' => view('barangmasuk/datatemp', $data) ]; echo json_encode($json); } else { exit('Maaf jangan asal panggil'); } }
View nya: <div class="row" id="tampilDataTemp"></div>
<script> function dataTemp() { let faktur = $('#faktur').val(); $.ajax({ type: "post", url: "/barangmasuk/dataTemp", data: { faktur: faktur }, dataType: "json", success: function(response) { if (response.data) { $('#tampilDataTemp').html(response.data); } }, error: function(xhr, ajaxOptions, thrownError) { alert(xhr.status + '\n' + thrownError) } }); }
$(document).ready(function() {
dataTemp();
});
</script>
Error ketika diconsole:
POST http://localhost:8080/barangmasuk/dataTemp 404 (Not Found)
2 Jawaban:
- coba dibungkus semua kode di dalam tag kode ya , agar rapi dan mudah dibaca.
- Boleh juga share route atau lokasi file dataTemp kamu ada di mana.
- Coba dengan menghilangkan huruf besar pada fungsi dan route
Tanggapan
baik seperti di bawah ini
kamu bisa edit pertanyaan kamu, jadi orang bisa langsung lihat di atas. 1. Apakah sudah coba menghilangkan huruf besarnya? 2. Apakah sudah coba mengakses langsung tanpa ajax?
- sudah dihilangkan huruf besarnya dan sekarang di console ngga muncul error namun keluar kaya modal gt dengan tulisan:
200 SyntaxError: Unexpected token '<', "<!DEBUG "... is not valid JSON
- baik saya akan coba
Controllernya:
function dataTemp()
{
if ($this->request->isAJAX()) {
$faktur = $this->request->getPost('faktur');
$modelTemp = new TempbarangmasukModel();
$data = [
'datatemp' => esc($modelTemp->tampilDataTemp($faktur))
];
$json = [
'data' => view('barangmasuk/datatemp', $data)
];
echo json_encode($json);
} else {
exit('Maaf jangan asal panggil');
}
}
Viewnya:
<div class="row" id="tampilDataTemp"></div>
<script>
function dataTemp() {
let faktur = $('#faktur').val();
$.ajax({
type: "post",
url: "/barangmasuk/dataTemp",
data: {
faktur: faktur
},
dataType: "json",
success: function(response) {
if (response.data) {
$('#tampilDataTemp').html(response.data);
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(xhr.status + '\n' + thrownError)
}
});
}
$(document).ready(function() {
dataTemp();
});
</script>
Routenya:
$routes->get('/barangmasuk/dataTemp', 'Transaksi\Barangmasuk::index');