<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>后台管理系统</title>
  <meta name="author" content="DeathGhost" />
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
  <script src="js/jquery.js"></script>
  <script src="easyui/jquery.easyui.min.js"></script>
  <script src="easyui/easyui-lang-zh_CN.js"></script>
  <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>

</head><body>

<header>

<!--引入-->
  <jsp:include page="top.jsp"/>

 <jsp:include page="left.jsp"/>
</header>
 

<section class="rt_wrap content mCustomScrollbar">
  <div class="rt_content">
    <div class="page_title">
      <h2 class="fl">登录列表</h2>
    </div>
<!--分页按键-->
<div id="pp"></div>

<form action="" name="myform" method="post">
  <table class="table" id="show">
    <tr>
      <th>用户名字</th>
      <th>真实名字</th>
      <th>登录时间</th>
      <th>登录IP</th>
      <th>操作</th>
    </tr>
  </table>
</form>
</div>
</section>
</body>
<script type="text/javascript">
  $(function(){
    $.ajax({
      type:"get",
      url:"LoginLogServlet.do",
      async:true,
      data:{"pn":1,"ps":5},
      dataType:"json",
      success:function(data){
      showTable(data);
        }
      });
    $.ajax({
      type:"get",
      url:"countNum.do",
      async:true,
      dataType:"json",
      success:function(data){
      $("#pp").pagination({
      total:data[0],
      pageSize:data[1],
      pageList: [1,2,5,10],
      buttons: [{
        iconCls:'icon-add',
        handler:function(){alert('add')}
        },'-',{
        iconCls:'icon-save',
        handler:function(){alert('save')}
       }],
     layout:['list','first','prev','links','next','last'],
     onSelectPage:function(pageNumber, pageSize){
      $.ajax({
    type:"get",
    url:"LoginLogServlet.do",
    async:true,
    data:{"pn":pageNumber,"ps":pageSize},
    dataType:"json",
    success:function(data){
      showTable(data);
      }
    });
  }
});
}
});
});
function showTable(json){
  $("tr:gt(0)").remove();
  $.each(json,function(index,e){
  var tr=$("<tr/>");
  $("<td>").html(e.account.accountName).appendTo(tr);
  $("<td>").html(e.account.accountRealName).appendTo(tr);
  $("<td>").html(e.loginLog.loginTime).appendTo(tr);
  $("<td>").html(e.loginLog.loginIp).appendTo(tr);
  $("<td>").html("<a href='#' onclick='update("+"\""+e.loginLog.loginLogId+")'>修改</a>").appendTo(tr);
  $("#show").append(tr);
  });
}
</script>
</html>

问题:做EsayUI分页报错 $(...).pagination is not a function之后我把<jsp:include page="top.jsp"/>去掉就好了,有大神知道为什么吗?另外分页按键放在那里好些,我放到form表单下,就开始显示,点一下后就没有了的更多相关文章

  1. form表单下的button按钮会自动提交表单的问题

    form表单下的button按钮会自动提交表单的问题 2017年01月05日 18:02:44 蓝色水 阅读数:18012更多 个人分类: asp.net   form表单下的按钮在没有指定type类 ...

  2. jquery下的提交,点击按钮没反应,post方法不执行 JSON方式在FORM表单下不起作用

    jquery下的提交,点击按钮没反应,post方法不执行 JSON方式在FORM表单下不起作用

  3. 清空form表单下所有的input值-------------jquery

    $(':input','#' + formid).not(':button, :submit, :reset').val('').removeAttr('checked').removeAttr('s ...

  4. Javascript中的Form表单知识点总结

    Javascript中的Form表单知识点总结 在HTML中,表单是由form元素来表示的,但是在javascript中,表单则由HTMLFormElement类型,此元素继承了HTMLElement ...

  5. Jquery实现form表单提交后局部刷新页面的多种方法

    最近做一个小项目,刚好需要用到搜索功能,实现搜索框内输入数据然后按回车或者点击“提交”,然后给后台数据库处理并返回数据给前端,在前端局部更新数据. 但是遇到了一个小问题,就是form表单下任意输入框输 ...

  6. 第十七篇 JS验证form表单

    JS验证form表单   这节课做一个实际的,项目里会遇到的东西,例如登录页面,我们输入‘用户名’和‘密码’或者‘手机号’还有‘验证码’等等,它都会做一个前端验证,比如验证码,是6位有效数字组成,那么 ...

  7. Element Form表单实践(上)

    作者:小土豆biubiubiu 博客园:https://www.cnblogs.com/HouJiao/ 掘金:https://juejin.im/user/58c61b4361ff4b005d9e8 ...

  8. Yii笔记:打印sql、Form表单、时间插件、Mysql的 FIND_IN_SET函数使用、是否是post/ajax请求

    语句部分: yii1版本打印最后一条执行的SQL: $this->getDbConnection()->createCommand()->select()->from()-&g ...

  9. ajax传递数组、form表单提交对象数组

    在JSP页面开发中,我们常常会用到form表单做数据提交,由于以前一直只是使用form表单提交单个对象,只要表单文本域的name值和接收的对象的属性名一致,那么传值就没有什么问题.不过,在前几天的开发 ...

随机推荐

  1. MySQL 日志系统之 redo log 和 binlog

    之前我们了解了一条查询语句的执行流程,并介绍了执行过程中涉及的处理模块.一条查询语句的执行过程一般是经过连接器.分析器.优化器.执行器等功能模块,最后到达存储引擎. 那么,一条 SQL 更新语句的执行 ...

  2. python学习-并发编程(十四)

    14.2线程的创建与启动 import threading # 定义一个普通的action函数,该函数准备作为线程执行体 def action(max): for i in range(max): p ...

  3. 13.Linux文件查找-find命令

    find 命令的基本语法如下: 命令 路径 选项 表达式 动作 find [path...] [options] [expression] [action] 查找 地区 妹纸 18-25岁 约? (1 ...

  4. thinkcmf5 支付宝接口操作

    这是我自己摸索再结合网上搜索的一大堆内容搞出来的,官方的文件对于新手来说很难理解,什么文件放什么位置,该怎么引用,都要一一尝试,我这就直接列出来了,照样放就是了.同样适用于tp5,我这个也是tp5的 ...

  5. 从零开始把项目发布到NPM仓库中心

    从零开始把项目发布到NPM仓库中心 前期准备 注册账号 https://www.npmjs.com/signup 网易邮箱注册失败,用QQ邮箱成功 使用npm 命令注册(建议使用网页): npm ad ...

  6. 轻量级CNN模型mobilenet v1

    mobilenet v1 论文解读 论文地址:https://arxiv.org/abs/1704.04861 核心思想就是通过depthwise conv替代普通conv. 有关depthwise ...

  7. ssh终端远程登陆主机命令--笔记

    ssh终端远程登陆主机命令 ssh user@host ssh optadmin@10.55.45.38

  8. 闪讯 开启wifi教程

    这是我自己试了几次之后发现的,也不是什么技术活. 首先说下,我的比较是小米pro笔记本,一般笔记本都是自带wifi功能的.如果要开wifi的话,必须是用网线连接才可以,通过wifi连接网络就不能开移动 ...

  9. Java基础(二十一)集合(3)List集合

    一.List接口 List集合为列表类型,列表的主要特征是以线性方式存储对象. 1.实例化List集合 List接口的常用实现类有ArrayList和LinkedList,根据实际需要可以使用两种方式 ...

  10. (五)Unity插件生成

    1)新建空的AndroidStudio工程,但是新建过程时最小SDK版本要与unity一致,如下图所示,本次操作均为api16 2)创建Library,如下图所示,新建module,然后选择Andro ...