Automatic Update dengan JQuery As’ad Djamalilleil

Presentasi berjudul: "Automatic Update dengan JQuery As’ad Djamalilleil"— Transcript presentasi:

1 Automatic Update dengan JQuery As’ad Djamalilleil http://kampusku.web.id asad.kom@gmail.com

2 Spesifikasi 2 buah database MySQL dengan struktur –Nama database 1: dbsatu Nama tabel : tblsatu –Field 1: idsatu –Field 2: nillai –Nama database 2: dbdua Nama tabel : tbldua –Field 1: iddua –Field 2: nillai JQuery versi 1.9.1 atau terbaru bisa didownload di https://jquery.com/download/https://jquery.com/download/ Aplikasi PHP

3 Contoh database Kedua database diisi dengan nilai yg sama Diasumsikan dbdua merupakan backup atau hasil replikasi dari dbsatu

4 Kode file coba.php window.setInterval(function(){ var data; $.ajax({ type: "POST", dataType: "json", url: "panggil.php", data: data,

5 coba.php (sambungan) success: function(data) { var n,hasil=""; for(n in data["idx"]) hasil += "Data dengan id=" + data["idx"][n] + " sukses diperbaiki "; $(".tampil").html(hasil); } }); return false; }, 30000);

6 Kode ajax server, file panggil.php <?php function is_ajax() { return isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'; } function perbaiki($n, $koneksi){ mysql_select_db("dbdua", $koneksi); $rs = mysql_query("SELECT * from tbldua WHERE iddua=$n", $koneksi) or die(mysql_error()); if(mysql_num_rows($rs) > 0){ $isi = mysql_fetch_assoc($rs); mysql_select_db("dbsatu", $koneksi); $rs = mysql_query("UPDATE tblsatu SET nilai=". $isi["nilai"]. " WHERE idsatu=". $n, $koneksi) or die(mysql_error()); return $rs; } else return 0; }

7 panggil.php (sambungan) if (is_ajax()) { $koneksi = mysql_pconnect("localhost", "root", "") or trigger_error(mysql_error(),E_USER_ERROR); mysql_select_db("dbsatu", $koneksi); $rs = mysql_query("SELECT * from tblsatu", $koneksi) or die(mysql_error()); $row = mysql_fetch_assoc($rs); do { if($row['nilai'] < 0) if(perbaiki($row['idsatu'], $koneksi)) $return['idx'][] = $row['idsatu']; }while($row = mysql_fetch_assoc($rs)); echo json_encode($return); } ?>

8 Skenario Backup dilakukan dari dbsatu ke dbdua Pemicu adalah nilai negatif pada dbsatu Database dbsatu dicek setiap 30 detik Apabila ada nilai negatif pada tblsatu, maka data yang bersesuaian (sesuai id record) pada tbldua akan dibaca dan isi dari tblsatu akan diupdate Apabila proses update berhasil, maka akan dikirim pesan sukses ke halaman web

9 Nilai di dalam tblsatu diubah menjadi negatif secara manual

10 Kemudian jalankan coba.php dan tunggu selama 30 detik Script JQuery akan memanggil ajax server (panggil.php) yang kemudian mengupdate isi tbldua dan mengirimkan pesan kembali ke halaman web

11 The End