Si buscas una forma rápida y efectiva de actualizar tus sitios web sin necesidad de recargar páginas completas, AJAX y ASP con datos SQL podría ser la solución que estás buscando. Este innovador método te permitirá tener una experiencia de usuario dinámica y fluida, mientras que la integración con bases de datos SQL ofrece una gestión de datos eficiente y segura. ¡Descubre en este artículo todo lo que necesitas saber para implementar esta tecnología en tus proyectos web!
El objeto XMLHttpRequest se utiliza para enviar y recibir datos. entre un navegador web y un servidor web. Hasta ahora, hemos estado recuperando datos de fuentes de datos que permanecen relativamente estáticas, como archivos de texto o XML.
En este tutorial, aprenderemos a usar el mismo Ajax conceptos que hemos aprendido hasta ahora y extraer datos de su base de datos. estaremos usando un ÁSPID archivo para manejar las secuencias de comandos del lado del servidor y mysql como nuestra base de datos.
Puede reemplazar ASP con cualquier otro lenguaje de secuencias de comandos del lado del servidor con el que esté familiarizado, como PHPo ASP.NET. La fuente de datos de back-end se puede intercambiar por MS Access, así como por MSSQL. El concepto sigue siendo el mismo.
Ejemplo HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function showEmployee(str) {
if (str==""){
document.getElementById("div1").innerHTML="Select an Employee for more details!";
return;
}
var xhr = false;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari
xhr = new XMLHttpRequest();
} else {
// IE5/IE6
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
if (xhr) {
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("div1").innerHTML = xhr.responseText;
}
}
xhr.open("GET", "/demo/ajax_dbquery.asp?q="+str, true);
xhr.send(null);
}
}
</script>
</head>
<body>
<div>
<select name="employees" onchange="showEmployee(this.value)">
<option value="">Select an Employee:</option>
<option value="3">Frank Ford</option>
<option value="1">John Smith</option>
<option value="4">Lisa Stark</option>
<option value="2">Sally Smart</option>
</select>
<div id="div1">Select an Employee for more details!</div>
</div>
</body>
</html>Ejemplo de ASP
<% Response.AddHeader "Cache-Control", "no-cache" %>
<% Response.AddHeader "Cache-Control", "no-store" %>
<% Response.AddHeader "Cache-Control", "must-revalidate" %>
<% Response.AddHeader "Pragma", "no-cache" %>
<% Response.AddHeader "Expires", "Sat, 14 Jan 2012 01:00:00 GMT" %>
<%
Dim oConn, oRs
Dim qry, cstr
Dim db_name, db_username, db_userpassword
Dim db_server
db_server = "dbserver.com"
db_name = "databaseName"
db_username = "dbUserName"
db_userpwd = "dbPassword"
tablename = "employees"
fieldname1 = "empName"
fieldname2 = "empTitle"
fieldname3 = "empOffice"
q = request.querystring("q")
cstr = "Driver={MySQL ODBC 3.51 Driver};SERVER=" & db_server & ";DATABASE=" & db_name & ";UID=" & db_username & ";PWD=" & db_userpwd
Set oConn = Server.CreateObject("ADODB.Connection")
oConn.Open cstr
qry = "SELECT * FROM " & tablename & " WHERE empID = " & q
Set oRS = oConn.Execute(qry)
response.write("<table>")
if not oRS.EOF then
while not oRS.EOF
response.write ("<tr><td>Name:</td><td>" & oRs.Fields(fieldname1) & "</td></tr>")
response.write ("<tr><td>Title:</td><td>" & oRs.Fields(fieldname2) & "</td></tr>")
response.write ("<tr><td>Office:</td><td>" & oRs.Fields(fieldname3) & "</td></tr>")
oRS.movenext
wend
oRS.close
end if
response.write("</table>")
Set oRs = nothing
Set oConn = nothing
%>Error 403 The request cannot be completed because you have exceeded your quota. : quotaExceeded
