MODUL XIV, WEB 2

PENYIMPANAN DATA MENGGUNAKAN AJAX
  1. TUJUAN
Agar mahasiswa mampu menyimpan dan menampilkan data yangada di database ke dalam tabel serta mengubah isi data langsung pada grid tabeltanpa menggunakan tombol submit.
  1. PEMBAHASAN
AJAX dapat dikomunikasikan dengan database, misalnyauntuk menyimpan,menampilkan data ataupun mengedit data. Ajax juga dapat digunakanuntuk mengembalikan informasi dari database dalam bentuk XML, kemudianmemproses XML tersebut. Halaman web dapat mengambil informasi dari databaseMYSQL, dikonversi ke dokumen XML dan digunakan untuk menampilkan informasi kebeberapa tempat.
Pembahasan Praktikum :
*     Koneksi.php
*     dan ?>
Pasangan kode merupakan kode yang sebenarnya disebut dengan skrip PHP, kode tersebutdigunakan untuk mengawali dan mengakhiri skrip PHP.
*     $host=”localhost”;
$user=”root”;
$pass=”root”;
$dbase=”tes”;
Merupakan deklarasivariabel host yaitu localhost, variabel user yaitu root, variabel pass yaituroot dan variabel dbase yaitu tes.
*     $kon=mysql_connect($host,$user,$pass); merupakan perintah variable kon untuk mengkoneksikanatau menghubungkan file keserver yaitu variable host, user dan pass artinyakelocalhost, dengan user dan pass root. Atau membuka koneksi dengan databaseMysql server.
*     if(!$kon) die (“Gagal Koneksi…!!!”);untuk mengetes apakah berhasil melakukan koneksi atau tidak,jika berhasil maka akan connect ke server $kon yaitu localhost jika gagal makaakan menampilkan Gagal Koneksi.
*     if(!mysql_select_db($dbase)) die (“Gagal KoneksiDatabase…!!!”); untuk mengetes apakah berhasilmelakukan koneksi database atau tidak, jika berhasil maka akan masuk pada databasetes jika gagal maka akan menampilkan Gagal Koneksi Database.
*     Ajax.js
*     varXMLHttpRequestObject = false; merupakandeklarasi variable XMLHttpRequestObject dengan nilai false. AJAX memerlukanXMLHttpRequest Object untuk dapat me-request sebuah halaman web secara Asynchronous. Digunakan untuk berjaga-jagajika sebelumnya XMLHttpRequestObjectsudah aktif maka kita non aktifkan lagi.
*     if (window.XMLHttpRequest) untuk mengetes objek XMLHttpRequest untuk membedakan antara IE dengan Firefox, perintah iniakan dikerjakan jika bukan IE
*     XMLHttpRequestObject = newXMLHttpRequest() digunakan untuk membuat objek XMLHttpRequest untuk Firefox, Opera dan Safari.
*     else if (window.ActiveXObject) untuk mengetes objek ActiveX untuk membedakan antara IE dengan Firefox, perintah iniakan dikerjakan jika IE
*     XMLHttpRequestObject=newActiveXObject(“Microsoft.XMLHTTP”); digunakan untuk membuat objek XMLHttpRequest untuk IE.
*     function getData(dataSource, divID) digunakan untuk mengambil data di dataSource dimasukkan ke div dengan iddivID.
*      if (XMLHttpRequestObject) perintah ini akan dijalankan jikaobjek XMLHttpRequest telah terbuat.
*     var obj =document.getElementById(divID); digunakan untuk mengambil objek div.
*     XMLHttpRequestObject.open(“GET”,url, open); digunakan untuk mengirimkan requestkeserver / membuka koneksi keserver, dengan parameter pertama dari open yaitumethod permintaan HTTP GET, parameter kedua adalah url dari halaman yangdiminta, parameter ketiga diset ketika permintaan adalah asynchronouse, disetTRUE maka eksekusi fungsi Javascript akan berlanjut walau tanggapan dari serverbelum sampai.
*     XMLHttpRequestObject.onreadystatechange=function() digunakan untuk menangani event yang bekerja setiap kali status berubah /perubahan state,  setelah meminta requestkeserver, diperlukan sebuah function yang dapat menerima data yang dikembalikanoleh server, properti  onreadystatechange menyimpan data dari server danmemprosesnya.
*     if (XMLHttpRequestObject.readyState==4&& XMLHttpRequestObject.status==200)
Untuk mengetes respon yang diberikanoleh server sudah komplit (artinya data sudah didapatkan dan mengembalikanstatus sebuah nomor yaitu OK,
*     obj.innerHTML=XMLHttpRequestObject.responseText; maka akanmengembalikan response dalam bentuk string, data ini akan dimasukkan kedalamdiv.
*     XMLHttpRequestObject.send(null); merupakan perintah objek XMLHttpRequest untuk mengirim HTTP request keserverdan menerima suatu respon.
*     Praktek.php
*      merupakan bagian kepala. Dibagian ini kita bisamenentukan judul dokumen HTML.
*     
Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s