dept.html頁面源代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js">
</script>
<script type="text/javascript">
$(function() {
var str = "";
$.ajax({
url : "http://localhost:8888/dept",
dataType : "json",
type : "get",
success : function(result) {
for (var i= 0; i < result.length; i++) {
str +="<tr><td>"+result[i].dno+"</td><td>"+result[i].dname+"</td><td>"+result[i].dcity+"</td><td><a href='' οnclick='del("+result[i].dno+")'>刪除</a></td></tr>";
//<a href=''>A標籤 href可以變成超鏈接，藍灰色，點擊不跳轉頁面
//<a href='javaScript:;'>A標籤 href可以變成超鏈接藍色，點擊跳轉頁面
}
$('#dept_table').append(str);
},
error : function() {
alert("數據加載失敗，AJAX跨域問題");
}
})
})
function del(dno){
alert(dno);
}
</script>
</head>
<body>
<h1>部門管理</h1>
<table id="dept_table">
</table>
</body>
</html>