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>

  • 相关阅读:
    PerfDog WEB端使用手册
    PerfDog4.0探索,支持用户自建web云
    无AI不测试:人工智能时代背景下,如何发展与应用自动化测试?
    性能测试实践 | PerfDog助力微信小游戏/小程序性能调优
    mysql面向过程学习
    阿里云操作记录
    socket网络编程
    学习慕课广告系统
    xinhuadouxxx总结
    maven+springboot+mybatis快速搭建简单使用
  • 原文地址:https://www.cnblogs.com/Wangyang11/p/10003372.html
Copyright © 2011-2022 走看看