Tutorial jQuery 15 : Implementing AJAX dengan Method $.ajax()

Di tutorial sebelumnya, kita menggunakan method load(). Method ini memiliki keterbatasan, untuk itu kita akan menggunakan method selanjutnya, yaitu method ajax(). Sebelum kita membahas method ajax, kita akan membahas satu hal yang penting yaitu callback function. Callback Function Callback function dieksekusi setelah effect atau event sudah selesai diproses, jadi tidak berpengaruh posisi baris kodenya. Contoh Read more about Tutorial jQuery 15 : Implementing AJAX dengan Method $.ajax()[…]

Tutorial jQuery 14 : Implementing AJAX dengan Method load()

Di tutorial ini kita akan melihat contoh penggunaan Ajax dan implementasinya pada jQuery. Siapkan file index.html dan ajax.js index.html

ajax.js

Kita akan mengambil data dari sebuah halaman web, dan menampilkannya pada div class=”main” yang berada di index.php 1. Method load().  Method load adalah cara yang paling sederhana untuk mengambil data dari URL. Contoh Read more about Tutorial jQuery 14 : Implementing AJAX dengan Method load()[…]

Tutorial JQuery 13 : Ajax Overview

Ajax pada jquery merupakan suatu bagian yang penting. Ajax adalah metodologi yang digunakan pada pengembangan web zaman now. Data akan dikirimkan ke server, atau menerima dari server, atau proses yang terjadi di belakang layar. Seluruh proses terjadi di belakang layar. Biasanya, setiap kita melakukan request pada webpage, maka webpage tersebut akan selalu refresh setiap saat Read more about Tutorial JQuery 13 : Ajax Overview[…]

Tutorial JQuery 9 : CSS Selector

Beberapa contoh CSS Selector yang lain : $(“div.smart > p”) :  Akan mentarget paragraf yang merupakan direct descendant dari div yang memiliki class “smart”. $(“div ~ p”) : Menargetkan semua paragraf yang setara, bukan child atau parent element. $(“ul#steps + div”) : Menargetkan semua ul dengan id steps yang paling dekat (Immediate adjacent siblings). $(“[class !=’imp’]”) : Menargetkan class Read more about Tutorial JQuery 9 : CSS Selector[…]

tutorial jquery

Tutorial jQuery 8 : Selector CSS dan Document Ready Function

Selector CSS pada jQuery sangat berguna supaya kita tepat untuk menentukan target elemen pada dokumen HTML yang ingin kita manipulasi. Penempatan kode javascript pada dokumen html juga sangat menentukan. Rekomendasi yang sebaiknya selalu dijalankan sebagai best-practice adalah menaruh tag <script> di bagian bawah sebelum tag </body>, dan menaruh source code jquery.min.js sebelum kode js kita Read more about Tutorial jQuery 8 : Selector CSS dan Document Ready Function[…]