HTML 標籤超連結
阿新 • • 發佈:2018-12-12
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='' onclick='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>