Automatic Update dengan JQuery

Slides:



Advertisements
Presentasi serupa
PHP File Upload
Advertisements

PHP + MySQL.
PENGANTAR TEKNOLOGI INFORMASI (A)
Penerapan Locking pada DBMS berbasis Web
Database Create-Retrieve-Update-Delete (CRUD)
Konsep AJAX AJAX = Asyncronous Javascript And XML  salah satu teknik dalam pemograman jaringan untuk membuat sebuah Halaman Web menjadi lebih Cepat.
PERTEMUAN 10 KONEKSI DATABASE MYSQL
Pemrograman Web HTML (10) Koneksi PHP mysql Andy Haryoko, ST
MEMBUAT HALAMAN LOGIN dan PENGGUNAAN SESSION
Form.
Pemrograman Berbasis WEB
MySQL dan PHP.
PHP L. Erawan. Pengantar PHP itu bahasa script berjenis server-side (kalau bahasa javascript berjenis client-side) Anda harus menginstall software PHP.
PHP - AJAX.
Pemrograman Web/MI/D3 sks
STORED PROCEDURE Achmad Yasid, SKom.
Dasar-Dasar PHP.
Konsep Basis Data di Web
METOD POST (FILE PENGIRIM)
Koneksi PHP MySQL.
Interaksi Client - Server
Perancangan dan Pemrograman Web
Melakukan query secara periodik ke dalam database MySQL As’ad Djamalilleil
Automatic Update dengan JQuery As’ad Djamalilleil
Cara Cepat : Belajar Pemrograman Web Part 2
Pemrograman Web II Ganjil
Koneksi DBMS dengan PHP
Pengantar Pemrograman Internet 2
Internet Programming Konektivitas PHP - MySQL
Dasar Pemrograman PHP HTML.
Pemrograman PHP Lanjut
AJAX Teguh S.
Pemrograman internet ABU SALAM, M.KOM.
OOP.
SESSION
SESSION.
FORM.
Pemrograman Berbasis WEB
PEMASARAN BERBASIS WEB
PEMASARAN BERBASIS WEB
Tujuan Pengenalan konsep Relational Database Management System (RDBMS)
Lec 1: Pengantar Web Basic HTML
Javascript.
Pengembangan Aplikasi Framework
Menyiapkan Lingkungan Kerja
As’ad Djamalilleil Membangun Aplikasi Database Berbasis Client-Server Menggunakan JDBC dan MySQL – Bagian 2 As’ad.
As’ad Djamalilleil Struktur Kontrol (2) As’ad Djamalilleil
Pertemuan 2 DATABASE.
As’ad Djamalilleil Membangun Aplikasi Database Berbasis Client-Server Menggunakan JDBC dan MySQL – Bagian 1 As’ad.
Melakukan query secara periodik ke dalam database MySQL
Pengembangan Web Ramos Somya, S.Kom., M.Cs.
Ajax Client/Server Sederhana
As’ad Djamalilleil Cookies As’ad Djamalilleil
Pemrograman Basis Data Berbasis Web
Pemrograman Web/MI/D3 sks
PHP5 Internet Programming.
Pengembangan Aplikasi Framework (IT657)
Pengembangan Aplikasi Framework
Konektivitas PHP - MySQL
PEMROGRAMAN WEB Client Side XHTML, JAVASCRIPT.
Koneksi Database MySql di PHP
Praktikum Pengambangan Web
Pemrograman Berorientasi Platform (IN315B) Ramos Somya, S.Kom., M.Cs.
Nama Kelompok : 1. Heri Kristanto 2. Fico Arditiasa Saputra
Personal Home Page (PHP) yang sekarang PreHypertextProcessor
MEMBANGUN WEB DINAMIS TAMPIL DATA
Pemrograman Web/MI/D3 sks
Pemrograman Web/MI/D3 sks
Pemrograman Web/MI/D3 sks
Pertemuan II By : Syaifullah ( )
Transcript presentasi:

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

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 JQuery versi 1.9.1 atau terbaru bisa didownload di https://jquery.com/download/ Aplikasi PHP

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

Kode file coba.php <html> <head> <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> window.setInterval(function(){ var data; $.ajax({ type: "POST", dataType: "json", url: "panggil.php", data: data,

coba.php (sambungan) success: function(data) { var n,hasil=""; for(n in data["idx"]) hasil += "Data dengan id=" + data["idx"][n] + " sukses diperbaiki<br />"; $(".tampil").html(hasil); } }); return false; }, 30000); </script> </head> <body> <div class="tampil"></div> </body> </html>

Kode ajax server, file panggil.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;

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); } ?>

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

Nilai di dalam tblsatu diubah menjadi negatif secara manual

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

The End