javascript – Dr. Yohan Naftali

Ajax merupakan teknik pemrograman web dinamis menggunakan javascript. Ajax dapat digunakan untuk mengambil data dari database tanpa harus me-reloading halaman atau berpindah url. Fungsi ajax dapat dikombinasikan dengan button atau event lainnya. Pada artikel ini akan dijelaskan mengenai penggunaan Ajax pada JQuery, pembaca diharapkan sudah mengerti dasar php, html, javascript dan JQuery seperti membuat function, deklarasi variabel dan mengakses DOM dengan JQuery. Berikut ini adalah contoh penggunaan Ajax pada JQuery. Kode ini diletakkan di dalam $(document).ready(function(){} ) $.ajax({ url: http://www.yohanli.com/index.php/c_contoller_anda/fungsi_yang_dipanggil, //misalnya url controller anda data: parameter, cache: false, dataType: “json”,

Continue readingJQuery Ajax

Berikut ini adalah contoh aplikasi kode javascript menggunakan event onkeyup pada input form. <html> <head> <script type=”text/javascript”> function hitung() { var ttlbelanja=document.getElementById(“totalbelanja”).value; var tendered=document.getElementById(“uang”).value; var kembali=tendered-ttlbelanja; if(kembali<0) { kembali = “Uang Belum Cukup”; } document.getElementById(“kembali”).innerHTML=kembali; } function uangotomatis() { var ttlbelanja=document.getElementById(“totalbelanja”).value; document.getElementById(“uang”).value=ttlbelanja; document.getElementById(“kembali”).innerHTML=0; } </script> </head> <body> <h1>Menghitung Uang Kembali</h1> <form> Total Belanja: <input type=”text” id=”totalbelanja” name=”totalbelanja” onkeyup=”uangotomatis()” /> <br /> Uang: <input type=”text” id=”uang” name=”uang” onkeyup=”hitung()”/> <br /> </form> <div style=”float:left;”>Kembali:  </div> <div style=”float:left;” id=”kembali”> </div> <br /> </body> </html>