jquery dataTable 后台加载数据并分页


使用 dataTable后台加载数据并分页。网上版本很多,但很多都是不能用或者不详细的,这里是已经验证过的。


引用 js文件





添加一个table 标签, 可以不用,可以动态加载


名称 apiKey secretKey 创建时间 Status 操作

关键的JS代码:




后台代码:


		// 获取前端过来的参数,下面三个参数是 dataTable默认的,不要随便更改
		Integer sEcho = Integer.valueOf(params.get("sEcho"));// 记录操作的次数 每次加1
		Integer iDisplayStart = Integer.valueOf(params.get("iDisplayStart"));// 起始
		Integer iDisplayLength = Integer.valueOf(params.get("iDisplayLength"));// 每页显示的size

		Map map = new HashMap();
		try {
			// 查询数据,分页的话我这边使用的是 PageHelper,这边不介绍了
			PagedResult list = pushEntityService.findByUserId(
					pushUser.getId(), iDisplayStart, iDisplayLength);

			// 为操作次数加1,必须这样做
			int initEcho = sEcho + 1;
			
			//返回参数也是固定的
			map.put("sEcho", initEcho);
			map.put("iTotalRecords", list.getTotal());//数据总条数
			map.put("iTotalDisplayRecords", list.getTotal());//显示的条数
			map.put("aData", list.getDataList());//数据集合
		} catch (Exception e) {
			e.printStackTrace();
		}

		return map;



你可能感兴趣的:(javaScript)