NAIA - Apa itu AJaX ??? Mungkin itu pertanyaa perdana yang timbul di benak fikiran soba NAIA ssemua, dan yang kedua Apa Itu Pemrograman AJAX ? Mungkin pertanyaan kedua itu yang akan keluar cuma, nah dengan kedua pertanyaan itu kami coba untuk menjawabnya dengan ulasan dibawah ini :
Sebelum berenang kedunia AJaX mari kita sama-sama baca Sedikit Penjelasan mengenai ajax.
Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya dari pemrograman AJaX ini adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability.
Apakah AJaX itu sendirian??? "gak dia bersama kamu hehehe.... Becanda kok" kalau sobat bertanya seperti itu saya coba jawab seperti ini,
Kombinasi Dari AJaX antara lain adalah :
- DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan.
- Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di implementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan pertukaran data asinkronus dengan web server. Pada beberapa framework AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server.
- XML umumnya digunakan sebagai dokumen transfer, walaupun format lain juga memungkinkan, seperti HTML, plain text. XMLdianjurkan dalam pemakaian teknik AJaX karena kemudahan akses penanganannya dengan memakai DOM
- JSON dapat menjadi pilihan alternatif sebagai dokumen transfer, mengingat JSON adalah JavaScript itu sendiri sehingga penanganannya lebih mudahSeperti halnya DHTML, LAMP, atau SPA, Ajax bukanlah teknologi spesifik, melainkan merupakan gabungan dari teknologi yang dipakai bersamaan. Bahkan, teknologi turunan/komposit yang berdasarkan Ajax, seperti AFLAX sudah mulai bermunculan.
Berikut studi kasus tugas besar yang saya terapkan menggunakan konsep ajax :
==>Koneksi kedalam Database <?php //set the database connection variables $dbHost = "localhost";$dbUser = "root";$dbPass = "";$dbDatabase = "Pemesanan_Tiket_Bioskop";//connect to the database$db = mysql_connect ("$dbHost", "$dbUser", "$dbPass") or die ("I cannot connect to the database because: " . mysql_error());mysql_select_db("$dbDatabase", $db) or die ("I cannot select the database '$dbname' because: " . mysql_error());#Sourcode diatas menjelaskan untuk mengkoneksikan script php dengan database mysql.==> Index.php<?phpinclude("koneksi.php");?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Sampel Project Ajax</title><script src="selectpemesanan.js"></script></head><body>Pilih Pemesanan:<select name="film" onChange="showJudul(this.value)"><option></option><?php$query="select * from Pemesanan";$rs = mysql_query($query);while($result_data = mysql_fetch_array($rs)){list($id_pemesanan, $jumlah)=$result_data;?><option value="<?php echo "id_pemesanan"?>"><?php echo "$jumlah"?><?php}?></select><br/><br/><div id="txtHint"></div></body></html>
#SourceCode diatas untuk menampilkan tampilan data seperti ini
Outputnya adalah sebuah tampilan yang nanti pada saat kita klik tombol pada "Pilih pemesanan" maka akan muncul jumlah pada tampilan tersebut.
==>Get_pemesanan.php<?php$q = $_GET["q"];include("koneksi.php");$sql = "SELECT * FROM pemesanan WHERE id_film = '".$q."'";$result = mysql_query($sql);$sql1 = "SELECT * FROM film WHERE id_film = '".$q."'";$result1 = mysql_query($sql1);$row1 = mysql_fetch_assoc($result1);?><tr>Harga Pemesanan : <b/><?php echo strtoupper ($row1['judul'])?> </b></tr><?phpecho "<table bgcolor='yellow' border=''> <tr> <td><b>Id Pemesanan</td></b> <td><b>Jumlah</td></b> </tr>";while($row = mysql_fetch_array($result)){ echo "<tr>"; echo "<td><b>" . $row['id_pemesanan'] . "</td></b>"; echo "<td><b>" . $row['jumlah'] . "</td></b>"; echo "</tr>"; } echo "</table>";?>#Sourcecode diatas menjelaskan Variabel $_GET di gunakan untuk mengambil suatu nilai yang dikirim dari sebuah form input dengan fungsi method=”get”.
berikut outputnya :
Outputnya adalah menampilkan sebuah harga pemesanan tiket yang menampilkan id_pemesanan beserta jumlah.
==> Selectpemesanan.js
<?php $q = $_GET["q"]; include("koneksi.php"); $sql = "SELECT * FROM pemesanan WHERE id_film = '".$q."'"; $result = mysql_query($sql); $sql1 = "SELECT * FROM film WHERE id_film = '".$q."'"; $result1 = mysql_query($sql1); $row1 = mysql_fetch_assoc($result1); ?> <tr>Harga Pemesanan : <b/><?php echo strtoupper ($row1['judul'])?> </b></tr> <?php echo "<table bgcolor='yellow' border=''> <tr> <td><b>Id Pemesanan</td></b> <td><b>Jumlah</td></b> </tr>";
while($row = mysql_fetch_array($result)){ echo "<tr>"; echo "<td><b>" . $row['id_pemesanan'] . "</td></b>"; echo "<td><b>" . $row['jumlah'] . "</td></b>"; echo "</tr>"; } echo "</table>"; ?>
#Diatas merupaka Source code select.js yang nantinya menghasilkan output tabel id_pemesanan,jumlah.
Itulah sedikit ulasan tentang AJaX semoga dengan sedikit contoh sobat semuanya bisa mengembangkan amin,
Thanks To #Syarifah FW
0 Comments