<%@ 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. [JOYOI1326] 剑人合一

    题目限制 时间限制 内存限制 评测方式 题目来源 1000ms 131072KiB 标准比较器 Local 题目描述 他们飘呀飘,飘呀飘,飘呀飘,飘呀飘~~~经过七七八十一天的漂泊,残雪.夏夜和水手2 ...

  2. Java中线程与堆栈的关系

    栈是线程私有的,每个线程都是自己的栈,每个线程中的每个方法在执行的同时会创建一个栈帧用于存局部变量表.操作数栈.动态链接.方法返回地址等信息.每一个方法从调用到执行完毕的过程,就对应着一个栈帧在虚拟机 ...

  3. 详解Java Web项目启动执行顺序

    一. web.xml加载过程(步骤): 启动web项目,容器(如Tomcat.Apache)会去读取它的配置文件web.xml 中的两个节点,context-param和listener. 紧接着,容 ...

  4. Java Web项目中使用Freemarker生成Word文档遇到的问题

    这段时间项目中使用了freemarker生成word文档.在项目中遇到了几个问题,在这里记录一下.首先就是关于遍历遇到的坑.整行整行的遍历是很简单的,只需要在整行的<w:tr></w ...

  5. Java NIO之Java中的IO分类

    前言 前面两篇文章(Java NIO之理解I/O模型(一).Java NIO之理解I/O模型(二))介绍了,IO的机制,以及几种IO模型的内容,还有涉及到的设计模式.这次要写一些更贴近实际一些的内容了 ...

  6. 每日温度（LeetCode Medium难度算法题）题解

    LeetCode 题号739中等难度 每日温度 题目描述: 根据每日 气温 列表,请重新生成一个列表,对应位置的输入是你需要再等待多久温度才会升高超过该日的天数.如果之后都不会升高,请在该位置用 0 ...

  7. git jenkins 基本部署之git远程仓库

    1.git远程仓库如何使用? 实战一.如何将本地仓库与远程Gitee进行关联?        1.注册gitee        2.创建一个远程仓库?        3.配置使用远程仓库       ...

  8. 百万年薪python之路 -- 变量及if的练习

    1.简述变量命名规范 1.变量由数字,字母,下划线组成 2.不能以数字开头 3.不能使用python关键字 4.不能使用中文和拼音命名 5.区分大小写 6.变量名要具有描述性 7.推荐写法 7.1驼峰 ...

  9. 探究JavaScript闭包

    什么是JavaScript闭包? 刚开始知道这个词,就误以为是自动执行的匿名函数块. 比如说+function(){}(); 然而并不是,那么请看下面的例子: function init() { va ...

  10. 函数进阶(二) day13

    目录 昨日内容 闭包函数 装饰器 二层装饰器 装饰器模板 三层装饰器 今日内容 迭代器 可迭代对象 迭代器对象 for循环原理(迭代循环) 三元表达式 列表推导式 字典生成式 生成器 yield关键字 ...