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 

2 thoughts on “Codeigniter dan Ajax tanpa Page Load”

    1. 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

Leave a Reply

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