<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="删除" οnclick="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="搜索" οnclick="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>
转载于:https://www.cnblogs.com/Wangyang11/p/10003372.html
相关资源：数据结构—成绩单生成器