Latest web development tutorials

Base de données AJAX

Ajax peut être utilisé pour communiquer de manière dynamique avec la base de données.


instance de base de données AJAX

L'exemple suivant montrera comment une page Web via AJAX pour lire les informations de la base de données: S'il vous plaît sélectionner un client dans la liste déroulante ci-dessous:

exemple


Customer info will be listed here...

Essayez »


Des exemples expliquent - showCustomer function ()

Quand un utilisateur dans la liste déroulante ci-dessus, sélectionnez un client, il exécute appelé "(showCustomer)" fonction. Cette fonction par l'événement "onchange" est déclenchée:

function showCustomer(str)
{
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();
}

fonction showCustomer () effectue les tâches suivantes:

  • Vérifiez que vous avez sélectionné un client
  • Créer un objet XMLHttpRequest
  • Créer fonction exécutée lorsque la réponse du serveur est prêt
  • Envoyer la demande à un fichier sur le serveur
  • S'il vous plaît noter que nous avons ajouté un paramètre q (avec le contenu du champ d'entrée) à l'URL

page du serveur AJAX

page Serveur appelé par le JavaScript ci-dessus est un fichier PHP nommé "getcustomer.php".

Écrit dans les fichiers de serveur PHP facilement, ou une autre langue du serveur. Voir l'exemple correspondant écrit en PHP .

"Getcustomer.php" code source responsable de la requête de base de données, puis retourne les résultats sous forme 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>")
%>