Data as a Service (DaaS)

La construcción de un sitio web desde cero. Parte IX:
Data as a Service (DaaS).

Lo que haremos

En este capítulo vamos a:

En la carpeta DemoWeb, cambiar el archivo datos.html.

Coloque el código siguiente en el archivo:

datos.html
 <!DOCTYPE html>
<html>
<head>
<title>Our Company</title>
<link href="Site.css" rel="stylesheet">
</head>
<body>
<nav id="nav01"></nav>
<div id="main">
<h1>Customers</h1>
<div id="id01"></div>
<footer id="foot01"></footer>
</div>
<script src="Script.js"></script>
<script>
var xmlhttp = new XMLHttpRequest();
var url = "http://www.w3schools.com/website/Customers_MYSQL.php";
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
myFunction(xmlhttp.responseText);
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
function myFunction(response) {
var arr = JSON.parse(response);
var i;
var out = "<table><tr><th>Name</th><th>City</th><th>Country</th></tr>";
for(i = 0; i < arr.length; i++) {
out += "<tr><td>" +
arr[i].Name +
"</td><td>" +
arr[i].City +
"</td><td>" +
arr[i].Country + "</td></tr>"; }
out += "</table>"
document.getElementById("id01").innerHTML = out;
}
</script>
</body>
</html>

El código anterior es el mismo que en el capítulo JSON.

Sólo que esta vez el XMLHttpRequest lee datos de "Customers_MYSQL.php".

Customers_MYSQL.php obtiene datos de una base de datos "en vivo", mientras Customers_JSON.php obtiene un archivo de texto "estático".

El uso de un servidor que ejecuta ASP.NET SQL Server

En la carpeta DemoWeb, cambiar el archivo datos.html.

Coloque el código siguiente en el archivo:

datos.html
<!DOCTYPE html>
<html>
<head>
<title>Our Company</title>
<link href="Site.css" rel="stylesheet">
</head>
<body>
<nav id="nav01"></nav>
<div id="main">
<h1>Customers</h1>
<div id="id01"></div>
<footer id="foot01"></footer>
</div>
<script src="Script.js"></script>
<script>
var xmlhttp = new XMLHttpRequest();
var url = "http://www.w3schools.com/website/Customers_SQL.aspx";
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
myFunction(xmlhttp.responseText);
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
function myFunction(response) {
var arr = JSON.parse(response);
var i;
var out = "<table><tr><th>Name</th><th>City</th><th>Country</th></tr>";
for(i = 0; i < arr.length; i++) {
out += "<tr><td>" +
arr[i].Name +
"</td><td>" +
arr[i].City +
"</td><td>" +
arr[i].Country +
"</td></tr>";
}
out += "</table>"
document.getElementById("id01").innerHTML = out;
}
</script>
</body>
</html>

El código anterior es la misma que la anterior.

Sólo que esta vez el XMLHttpRequest lee datos de "Customers_SQL.aspx".


Privacidad | Legal | Sitemap | Google+