前台页面
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery.min.js"></script>
<script>
$(function () {
$.get("/AjaxInfo/Read", {}, function (date) {
var tb = "<table>";
for (var i = 0; i < date.length; i++) {
tb += "<tr><td>" + date[i].id + "</td><td>" + date[i].name + "</td><td>" + date[i].telephone + "</td><td>" + date[i].age + "</td><td><a onclick='deleteInfo(" + date[i].id + ")'>删除</a><td><a href='/go.html?url=/ajaxinfo/Update/" + date[i].id + "'>更新</a></td></tr>"
}
tb += "</table>";
$("#Infolist").html(tb);
});
});
function deleteInfo(id) {
$.get("/AjaxInfo/Remove", { id: id }, function (date) {
if (date.result == true) {
alert("删除成功");
window.location.href = '/AjaxInfo/Index';
}
});
}
</script>
</head>
<body>
<div>
<ul>
<li><a href="/go.html?url=/AjaxInfo/add">添加</a></li>
</ul>
<h2>信息页面</h2>
<div id="Infolist"></div>
</div>
</body>
</html>
@{
Layout = null;
}
