zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    《浪潮之巅》笔记之五
    《浪潮之巅》笔记之四
    《浪潮之巅》笔记之三
    《浪潮之巅》笔记之二
    《浪潮之巅》笔记之一
    basename、dirname、alias、date
    grep命令
    centos6下通用二进制格式安装MySQL过程
    在centos6中编译安装httpd-2.4/搭建LAMP
    在服务器端对sshd做白名单
  • 原文地址:https://www.cnblogs.com/Wangyang11/p/10003372.html
Copyright © 2011-2022 走看看