서비스로 데이터 :. 웹에서 처음 부 VIII 사이트를 구축.
우리는 무엇을 할 것 인
우리는 것이 장의 내용 :
- 웹 서버 실행 SQL에서 동적 데이터를 가져 오기
MySQL을 실행하는 PHP 서버를 사용하여
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.php은 "정적"텍스트 파일을 가져 오는 동안 customers_db_mysql.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 자습서 .