Belajar Ajax Jquery Dari Dasar

Tutorial Codeigniter: Eksploitasi AJAX dengan JQuery Pada PHP


Weviteyou.com

Plong kali ini saya akan berbagi bagai mana kaidah pengusahaan ajax pada framework codeigniter, dan pada tuntunan barangkali ini, saya mengandaikan bahwa anda sudah memafhumi codeigniter, atau yang belum beliau bisa belajar dulu dari posting2 saya sebelumnya. Oke tanpa banyak basa-basi,, sinkron saja ya bro ,, ke TKP …!!!! Sreg kasus ini kita akan membuat acara insert kedalam database dengan menggunakan ajax dan codeigniter.

Pada input.php tambahkan script javascript yang berilmu fungsi AJax menggunakan JQuery, jangan tengung-tenging pada head lagi ditambahkan fungsi untuk menegur JQuerynya. Sehingga input.php akan terlihat sama dengan berikut :

<!DOCTYPE HTML> <html lang=”en-US”> <head>

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js”></script>
<meta charset=”UTF-8″>
</head>
<body>
<h2 >Daily Bloknot</h2>
<div id=”form_input”>
… //kode sebelumnya
</div>
<div id=”show”>
<?php $this->load->view(‘daily/show’) ?>
</div>
<script type=”text/javascript”>
$(‘#submit’).click(function(){
var form_data = {
date: $(‘#date’).val(),
name: $(‘#name’).val(),
amount: $(‘#amount’).val(),
ajax:1
};
$.ajax({
url : “<?php echo site_url(‘daily/submit’)?>”,
type : ‘POST’,
data : form_data,
success: function(msg){
$(‘#show’).html(msg),
$(‘#date’).val(‘<?php echo date(‘Y-m-d’); ?>’),
$(‘#name’).val(”),
$(‘#amount’).val(”)
}
});
return false;
});
</script>
</body>
</html>

Sedangkan pada controller daily.php pada fungsi submit di ganti menjadi seperti berikut :

function submit()
{
if ($this->input->post(‘ajax’))
{
$this->MDaily->save();
$data[‘query’] = $this->MDaily->getAll();
$this->load->view(‘daily/show’,$data);
}else{
if ($this->input->post(‘submit’))
{
$this->MDaily->save();
}
redirect(‘daily/index’);
}
}

Sekarang coba bikin input data,selamat menyedang
Gubahan, pada kasus ini kita menjuluki jquery langsung dari web-nya, sehingga moga bisa di jalankan secara offline, atau localhost download lewat jquerynya, kemudian arahkan ke jquery tersebut, laksana contoh file jquery saya letakkan di direktori /javascript/jquery-1.3.2.js, maka baris ke panca di ganti menjadi

<script type=”text/javascript” src=”<?php echo base_url(); ?>javascript/jquery-1.3.2.js”></script>



Weviteyou.com

Tuntunan tercalit dengan Tutorial Codeigniter: Pemanfaatan AJAX dengan JQuery Pada PHP :

Terimakasih Atas Kunjungan Sahabat Setia Berlatih Pintar PHP

Judul Latihan PHP :
Tutorial Codeigniter: Penggunaan AJAX dengan JQuery Puas PHP

Ditulis oleh
Ivan Silalahi

Rating postingan ini
5
terbit 5

Semoga kata sandang ini bermanfaat untuk saudara. Jikalau ingin mengutip, baik itu sebagian alias keseluruhan bersumber isi kata sandang ini mohon menyertakan link dofollow ke
https://planetsphp.blogspot.com/2012/11/cak bimbingan-codeigniter-pengusahaan-ajax.html. Sambut kasih telah mampir mendaras artikel ini. Jangan lupa like dan sharenya serta komentarnya

Source: https://planetsphp.blogspot.com/2012/11/tutorial-codeigniter-penggunaan-ajax.html

Posted by: and-make.com