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[…]

Yii2 Framework

Tutorial Yii2 Bagian 31 : Submit Form Menggunakan Ajax

Kita akan coba untuk melakukan submit form dengan Ajax. 1. Modifikasi _form.php milik view branches dengan menambahkan kode jQuery di bagian bawah :

2. Modifikasi. index.php

3. Modifikasi actionCreate pada BranchesController.php

Tutorial ini sebagai dokumentasi dan pembelajaran pribadi sekalian belajar terjemahin bahasa Inggris, dan siapa tahu bermanfaat buat orang lain. Sumber lengkapnya Read more about Tutorial Yii2 Bagian 31 : Submit Form Menggunakan Ajax[…]

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[…]