Postingan lainnya

Buku Ini Koding!

Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!

Kelas Premium!
Belajar Javascript untuk website

Gunakan kupon "mulaijs" untuk diskon 75 ribu!

Even on Click Otomatis berjalan / on Ready

Halo Mastah.. mau tanya ini masalah ajax. data berhasil ke load tapi jika even click berjalan, bejimana caranya biar ajax nya jalan waktu document ready. berikut codenya

 $(document).on('click','.test',function(){
  var _cls = $(this);
  var _var_id = _cls.attr('data-id');

   $.ajax({
   type : 'POST',
   url  : 'your/link',
   dataType : 'json',
   data   : { room_id : _var_id }
 }).done(function(data2){
       console.log(data2);
       $.each(data2, function(i){
              $('#fasilitas_'+_var_id).after(data2[i].room_amenities_id);
           })
   })
})

event click berguna buat dapetin ID di setiap listnya. jadi misalkan satu artikel punya banyak komentar, nah komentarnya cuma keluar kalo tombol di klik , sesuai sama tutorial di SK. bejimana biar ajaxnya jalan tanpa harus di klik.

tewrima kasih bantuanya :D salam Koding...

ajax javascript php

@Saputroandhi

509 Kontribusi 162 Poin

Diperbarui 8 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

eventnya document ready kalau mau otomatis

 $( document ).ready(function() {
    console.log( "ready!" );
});

Kalau itemnya cuma 1 dalam halaman htmlnya, ambil id nya langsung dari nilai phpnya aja

 $( document ).ready(function() {
   var id= <?=$id_dari_database; ?>
  //ajax
});

Kalau id yang dimau banyak bisa pake metode each

 $.each($('.kelas'), function() {
    console.log( this.id );
});

@hilmanski

2712 Kontribusi 2145 Poin

Dipost 8 tahun yang lalu

Wawww agan hilman ,, ID nya lebih dari satu gan , solved, ane Buat fungsi satu lagi buat di selipin di setiap row Main ID nya (function nya di panggil di .each nya )

 function coba(id_tes){
  //var _cls = $(this);
  //var _var_id = _cls.attr('data-id');
   $.ajax({
   type : 'POST',
   url  : 'Your Link',
   dataType : 'json',
   data   : { room_id : id_tes }
 }).done(function(data2){
       console.log(data2);
       $.each(data2, function(i){
              $('#fasilitas_'+id_tes).after(data2[i].fields_name+",");
           })
   })
}