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 

Studio Tatto

Sekilas
Usaha Studio Tatto ingin mencatat dan memonitor aktifitas transaksi per hari.
Studio ini mempunyai 2 buah cabang.
Pegawai harus memasukkan order yang diterima melalui telepon atau yang diinput secara online.
Waktu Pengerjaan 1 Bulan ( mulai awal September 2017 )

Hasil Akhir
Sistem Informasi berbasis web yang memuat profil singkat usaha
Input transaksi dapat dilakukan oleh Customer via web
Input transaksi dapat dilakukan oleh Operator via web
Input transaksi dapat dicetak printer
Input transaksi dapat diekspor ke Microsoft Excel
Pemilik Studio dapat memonitor transaksi