Base di dati del AJAX

<html>
<head>
<script src="vyom.js"></script>
</head>
<body>
<form>
Select a Customer:
<select name="customers" onchange="showCustomer(this.value)">
<option value="ALFKI">Matrin Luther
<option value="NORTS ">Bil Gates
<option value="WOLZA">Newton
</select>
</form>
<p>
<div id="txtHint"><b>Customer info will be listed here.</b></div>
</p>
</body>
</html>

L'uscita di questo willbe semplice della forma del HTML una goccia gi� inscatola �i clienti� chiamati.

Il paragrafo sotto la forma contiene una modifica di divisione chiamata �txtHint�. La divisione � usata come placeholder per l'Info richiamato dal web server.

Quando i dati prescelti dell'utente, una funzione hanno chiamato �lo showCustomer ()� � eseguito. L'esecuzione della funzione � innescata dall'evento �del onchange� del Javascript. In altre parole: Ogni volta l'utente pu� cambiare il valore nella goccia gi� inscatolare, lo showCustomer di funzione � denominato.

Il codice di Javascript � elencato qui sotto

Il Javascript del AJAX

Ci� � il codice di Javascript immagazzinato nella lima �vyom.js�:

var xmlHttp

function showCustomer(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="getcustomer.asp"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}

function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
{ objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
}

La pagina dell'assistente del AJAX

L'assistente ha paginato denominato dal Javascript, � una lima semplice di asp che ha nome �getcustomer.asp�

La pagina � scritta in VBScript per l'assistente di informazioni del Internet (IIS). Potrebbe essere riscritta facilmente in PHP, o in alcune altre lingue dell'assistente.

Il codice fa funzionare uno SQL contro una base di dati e restituisce i risultati come tabella del HTML:

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/vyom.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>")