Codeigniter dan Ajax tanpa Page Load

AGM Software

AGM Software

Contoh aplikasi Codeigniter dan Ajax ini hanya tentang submit data tanpa page load 

tampilan awal ( welcome_message.php ) adalah sebagai berikut :

kemudian setelah data di submit, akan menghasilkan tampilan :

tampilan diatas merupakan hasil dari Controller proses.php dan View show.php serta javascript di bawah ini ( tertulis di welcome_message.php )

<script type="text/javascript">

function insertData() {

// variabel yang dientri dari form
 var nama_mhs =$("#nama_mhs").val();
 var no_mhs =$("#no_mhs").val();
 var matkul_mhs =$("#matkul_mhs").val();


// AJAX submit.
 $.ajax({
 type: "POST",
 url: "<?php echo base_url();?>index.php/proses/show",
 data: {nama_mhs:nama_mhs,no_mhs:no_mhs,matkul_mhs:matkul_mhs},
 dataType: "text",
 success: function(data) {
 $("#message").html(data);
 $("p").addClass("");
 },
 error: function(err) {
 alert(err);
 }
 });

}

</script>

Setelah anda mengunduh source code dari link dibawah, sesuaikan file config.php dengan nama folder yang anda buat di folder localhost. selamat menikmati

Download 

Join the Conversation

Leave a Reply

Your email address will not be published. Required fields are marked *

Comments

  1. Aulia Hasna

    wahhh terima kasih sudah sharing, saya juga sedang mempelajari java dann susah juga ternyata ada ga ya tips belajar biar cepet ngerti dan cara belajar logika.

    Reply
    1. AGM Software

      sama sama,
      java memang harus sering dilatih, secara sintak juga lebih “lengkap” dibanding bahasa server side
      kalau biar paham logika bisa dicoba latihan soal soal algoritma, semangat

      Reply
  2. Terima kasih tutorialnya,
    jadi semangat pengen nyobain coding langsung,

    semangat berbagi terus yaaaaa

    Reply