JQuery Ajax

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

Pengenalan XML

XML merupkan singkatan dari eXtensible Markup Language. XML merupakan markup language seperti HTML, akan tetapi tidak seperti HTML, XML didesain untuk transportasi dan penyimpanan data. XML tidak didesain untuk menampilkan data. XML 1.0 sudah memperoleh rekomendasi W3C sejak 10 Pebruari 1998. XML 1.0 2.Ed memperoleh rekomendasi sejak 6 Oktober 2000. XML 1.0 (3.Ed) sejak 4 Pebruari 2004. XML 1.0 (5.Ed) sejak 26 November 2008.  XML 1.1 sejak 4 Pebruari 2004. XML 1.1 (2.Ed)  sejak 16 Agustus 2006. XML 1.0 Namespaces sejak 14 Januari 1999. XML 1.0 Namespaces (2.Ed) sejak 16

Continue readingPengenalan XML

Event onkeyup pada Javascript

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: &nbsp;</div> <div style=”float:left;” id=”kembali”> </div> <br /> </body> </html>

Konsep Pemrograman MVC (Model View Controller)

MVC adalah sebuah bentuk pemrograman yang memisahkan berdasarkan logika penanganan tampilan, logika pengontrolan dan logika model. MVC bertujuan supaya pada pengembangan perangkat lunak yang besar mudah untuk dilakukan maintenance (perbaikan/penambahan atau pengurangan code). Model adalah komponen yang berfungsi mengambil data dari database/sumber data. Fungsi yang terdapat dalam Model akan dipanggil oleh Controller. View adalah komponen yang berfungsi menyajikan tampilan kepada user. View menampilkan data yang diperoleh Controller. Controller adalah komponen yang berfungsi untuk memanggil fungsi yang ada di dalam Model dan mengirim hasilnya melalui View, Controller juga berfungsi mengambil input

Continue readingKonsep Pemrograman MVC (Model View Controller)