Jquery Ajax Codeigniter



Anda yang akan menggunakan ajax jquery di gabung dengan codeigniter tidak usah khawatir caranya cukup mudah kok.
ini dia syntax nya
code :

  $.ajax({
    url     : "<?php echo site_url('ajax/main'); ?>",
    type    : "POST",
    data    : formsiswa,
    dataType: 'json',
    success : function (msg) {
        alert(msg);
    }
  });

mari kita buat file-file nya
pertama kita buat viewnya terlebih dahulu

views/ajax.php
<html>
<head>
    <title>ajax codeigniter</title>
</head>
<body>

<form method="post">
<input type="text"  name='name' id='name'/>
<input type="submit" value="ajax" id="ajax" />
</form>
 <script type="text/javascript">
$('#ajax').on('click',function() {
    var formsiswa = {
    //siswa datang
    name    : $('#name').val(),
    ajax             : '1'
  }
  $.ajax({
    url     : "<?php echo site_url('ajax/main'); ?>",
    type    : "POST",
    data    : data,
    dataType: 'json',
    success : function (msg) {
alert(msg);
    }
  });
});
</script>
</body>
</html>
kemudian kita buat untuk controllernya
controllers/ajax.php
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
     class Ajax extends CI_Controller {
            public function main()
                {
                  $name = $this->input->post('name');
                  if($this->input->post('ajax'){
                     echo "ajax berhasil dengan name ".$name;
                  }  
    }
}
ok selesai tutorial kali ini semoga bermanfaat coba akses file ajax/main anda

Related Posts

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel