Tuesday 27 December 2016

Mengirim Data dengan Ajax Codeigniter

Dalam membuat website, biasanya kita membutuhkan fitur untuk mengirim data yang di input oleh user. metode input tersebut salah satunya adalah dengan ajax. Mengapa ajax? salah satu alasanya adalah kecepatan proses pengiriman data. Dengan menggunakan ajax, metode pengiriman akan lebih cepat.
Metode pengiriman dengan ajax sendiri, terdapat beberapa cara. Pertama menggunakan metode serialize, yaitu mengirim data berdasarkan id form nya, kemudian ajax akan mengirim data berdasarkan name dari tag input yang telah dibuat. Cara ini lebih simpel dan sederhana, terutama jika Anda akan mengirim data dengan banyak field, Anda tidak perlu menulis input name-nya satu persatu.  Dibawah ini adalah contoh mengirim data dengan ajax menggunakan serialize:

<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(){
        $('#kirim').click(function(){
            $.ajax({
                type: "POST",
                url: "<?=site_url('my_controller/simpan')?>",
                data: $('#form_post').serialize(),
                error:function(){
                    alert('Error\nGagal request data');
                },
                success: function (result) {
                    $('#return_message').html(result);
                }
            });
        });
    });
</script>

0 commen:

Post a Comment