Friday 6 January 2017

Mengirim Data dengan Ajax Codeigniter (II)

Postingan kali ini merupakan kelanjutan dari posting sebelumnya. Bagi yang belum membaca, bisa membuka Mengirim Data dengan Ajax Codeigniter. Sebagaimana yang telah sampaikan sebelumnya, ada beberapa cara untuk mengirim data dengan ajax. Jika proses Mengirim Data dengan Ajax sebelumnya menggunakan serialize, kali ini menggunakan id dari masing-masing input. Sebagai contoh, saya membuat dua input dengan id nama dan alamat, kemudain id tersebut di panggil pada saat akan mengirim data. Value dari input tersebut bisa disimpan dulu di variable seperti yang saya contohkan dibawah. Bisa juga langsung dipanggil pada saat pengiriman.  Untuk detailnya bisa dilihat pada contoh berikut :


<form id="form_post">
<input type="text" name="nama" id="nama">
<input type="text" name="alamat" id="alamat">
</form>

<button id="kirim"> Kirim </button>
<span id="return_message"> </span>
<script>
    $(document).ready(function(){
        var nama = $('#nama').val();
        var alamat = $('#alamat').val();
        $('#kirim').click(function(){
            $.ajax({
                type: "POST",
                url: "<?=site_url('my_controller/simpan')?>",
                data: 'nama='+nama+'&alamat='+alamat,
                error:function(){
                    alert('Error\nGagal request data');
                },
                success: function (result) {
                    $('#return_message').html(result);
                }
            });
        });
    });
</script>

Selanjutnya, dibawah ini adalah contoh isi dari controller yang digunakan untuk menerima input dari view melalui ajax.

<?php public function simpan(){
    $nama = $this->input->post('nama');
  
    $alamat = $this->input->post('alamat');
 
    echo "Nama Anda :".$nama." <br> alamat:".$alamat;

}
?>

Terakhir, apabila anda berhasil, maka akan muncul kembalian berupa "Nama anda :(hasil input nama), alamat: (hasil input alamat)"

0 commen:

Post a Comment