AJAX database
AJAX dapat digunakan untuk secara dinamis berkomunikasi dengan database.
AJAX contoh database
Contoh berikut akan menunjukkan bagaimana sebuah halaman web melalui AJAX untuk membaca informasi dari database: Pilih klien dalam daftar drop-down berikut:
Contoh menjelaskan - showCustomer () fungsi
Bila pengguna dalam daftar drop-down di atas, pilih pelanggan, itu mengeksekusi disebut "showCustomer ()" fungsi. Fungsi ini dengan acara "onchange" dipicu:
{
var xmlhttp;
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getcustomer.html?q="+str,true);
xmlhttp.send();
}
showCustomer () fungsi melakukan kegiatan sebagai berikut:
- Periksa apakah Anda telah memilih pelanggan
- Buat XMLHttpRequest objek
- Membuat fungsi dijalankan ketika respon server siap
- Kirim permintaan ke file pada server
- Harap dicatat bahwa kami telah menambahkan parameter q (dengan isi dari field input) ke URL
server halaman AJAX
server halaman disebut oleh JavaScript di atas adalah file PHP bernama "getcustomer.php".
Ditulis dalam file server PHP dengan mudah, atau bahasa server lain. Lihat yang sesuai contoh yang ditulis dalam PHP .
"Getcustomer.php" kode sumber yang bertanggung jawab untuk query database, kemudian mengembalikan hasil dalam bentuk HTML:
response.expires=-1
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="
sql=sql & "'" & request.querystring("q") & "'"
set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("/db/northwind.mdb"))
set rs=Server.CreateObject("ADODB.recordset")
rs.Open sql,conn
response.write("<table>")
do until rs.EOF
for each x in rs.Fields
response.write("<tr><td><b>" & x.name & "</b></td>")
response.write("<td>" & x.value & "</td></tr>")
next
rs.MoveNext
loop
response.write("</table>")
%>