從頭開始建立第八部分網站：數據作為一種服務。
我們將要做什麼
在本章中，我們將：
- 從Web服務器上運行SQL獲取動態數據
使用PHP服務器下運行MySQL
在demoweb文件夾，更改文件customers.html客戶 。
將下面的代碼裡面的文件：
customers.html客戶
<!DOCTYPE html>
<html>
<head>
<title>Customers</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.w3ii.com/website/customers_db_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 obj = JSON.parse(response);
var arr = obj.records;
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>
試一試»上面的代碼是一樣的，在JSON章。
只有這一次了XMLHttpRequest從“customers_db_mysql.php”讀取數據。
customers_db_mysql.php從“活”數據庫獲取數據，而customers.php取一個“靜態”的文本文件。
使用ASP.NET服務器運行SQL Server的
在demoweb文件夾，更改文件customers.html客戶 。
將下面的代碼裡面的文件：
customers.html客戶
<!DOCTYPE html>
<html>
<head>
<title>Customers</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.w3ii.com/website/customers_db_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 obj = JSON.parse(response);
var arr = obj.records;
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>
試一試»上面的代碼是相同的前一個。
只有這一次了XMLHttpRequest從“customers_db_sql.aspx”讀取數據。
閱讀更多
了解更多關於我們的SQL SQL教程 。