Codeigniter dan Ajax tanpa Page Load

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 ( GitHub )

Leave a Reply

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