12-CarList页面
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>CarList</title>
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<script src="~/Content/jquery-3.1.1.js"></script>
<script>
var pageindex = 1;
var pagecount = 0;
$(function () {
Show();
})
function Show() {
$.ajax({
url: '/CarHome/GetCarList',
type: 'post',
data: { pageindex: pageindex, name: $("[name=name]").val() },
success: function (data) {
var json = JSON.parse(data);
pageindex = json.PageIndex;
pagecount = json.PageCount;
$("#tb").empty();
for (var i = 0; i < json.Data.length; i++) {
var tr = '<tr>'
+ '<td>' + json.Data[i].CarName + '</td>'
+ '<td>' + json.Data[i].CarPinPaiID + '</td>'
+ '<td><img src="' + json.Data[i].CarImg + '" width="50" height="50"/></td>'
+ '<td>' + json.Data[i].CarPrice + '</td>'
+ '<td><input type="button" value="删除" onclick="Del(' + json.Data[i].ID + ')"/></td>'
+ '</tr>';
$("#tb").append(tr);
}
}
})
}
function FristPage() {
pageindex = 1;
Show();
}
function Prven() {
if (pageindex - 1 < 1) {
alert("这已是首页！");
return;
}
pageindex -= 1;
Show();
}
function Next() {
if (pageindex + 1 > pagecount) {
alert("这已是尾页！");
return;
}
pageindex += 1;
Show();
}
function Last() {
pageindex = pagecount;
Show();
}
</script>
</head>
<body>
<div>
<input type="text" name="name" /><input type="button" value="搜索" onclick="Show()" />
<table class="table table-responsive">
<thead>
<tr>
<td>车辆名称</td>
<td>车辆品牌</td>
<td>图片</td>
<td>市场价</td>
<td>操作</td>
</tr>
</thead>
<tbody id="tb"></tbody>
</table>
</div>
</body>
</html>
