PEMROGRAMAN AJAX
Pemrograman AJAX .......
Penjelasan sedikit mengenai ajax.
Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya 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.
Penjelasan sedikit mengenai ajax.
Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya 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.
Ajax merupakan kombinasi dari:
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.
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.
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
<?php
include("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.
berikut Outputnya:
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>
<?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>";
?>
#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.
Komentar
Posting Komentar