Mfano wa Database ya AJAX

AJAX inaweza kutumika kwa mkutano wa data base.

Mfano wa Database ya AJAX

Mifano ya hivi inadai kufanya tabia ya AJAX kutoka kwenye msimbo wa hifadhi:

Maelezo ya mwanachama yatapakishwa hapa.

Tafadhali, jaribu kwa mawili sana kwa kumwita kwa mawili mawili

Mifano ya Mafanikio - Mbinu ya HTML

Kwa sababu ya kusoma mwanachama mwenye uhusiano kwenye orodha ya kizini ya juu, itakayofanya programu yenye jina "showCustomer()". Programu hii inatokana na matukio ya "onchange":

<!DOCTYPE html>
<html>
<head>
<script>
function showCustomer(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  // Kikwetu cha IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  // Kikwetu cha 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.asp?q="+str,true);
xmlhttp.send();
}
</script>
</head
<body>
<form>
<select name="customers" onchange="showCustomer(this.value)">
<option value="">Chagua mwanachama:</option>
<option value="ALFKI">Alfreds Futterkiste</option>
<option value="NORTS ">North/South</option>
<option value="WOLZA">Wolski Zajazd</option>
</select>
</form>
<br>
<div id="txtHint">Maelezo ya mwanasheria yatapatikana hapa...</div>
</body>
</html>

Tafadhali tafutaji kwa maelezo ya kigeni:

Ikiwa haujafikia uendelevuji (str.length inaelewa 0), programu inakidhi txtHint placeholder na kumaliza programu.

Ikiwa uendelevuji mmoja wengine amewahusiana, showCustomer() inafanya mifano iliyotangazwa hapa chini:

  • Kumwengera kufanya kazi kwa XMLHttpRequest object
  • Kumwengera kufanya kazi kwa sababu ya kwenda server
  • Kuwasiliana na faili kwenye server
  • Tafadhali niweza kuongeza kiparama (q) kwenye mwisho wa URL (inahusishwa na kijani cha chagua)

faili ya ASP

Sehemu hii ya JavaScript inaonyesha wasa kwa sayari yaliyotolewa kwa faili ya ASP yenye jina "getcustomer.asp".

"makini ya getcustomer.asp inasafirisha kipindi tena kwenye database, kisha inapewa matokeo katika tablica ya 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>")
kwa msingi rs.EOF
  kila kila 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>")
%>