<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">
<title>listView</title>
<table id="tb" class="display">
<thead>
<tr>
<th>col1</th>
<th>col2</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#tb").dataTable({
"bProcessing": false, // 是否显示取数据时的那个等待提示
"bServerSide": true,//这个用来指明是通过服务端来取数据
"sAjaxSource": "tableDemoAjax.html",//这个是请求的地址
"fnServerData": retrieveData // 获取数据的处理函数
});
});
// 3个参数的名字可以随便命名,但必须是3个参数,少一个都不行
function retrieveData( sSource111,aoData111, fnCallback111) {
$.ajax({
url : sSource111,//这个就是请求地址对应sAjaxSource
data : {"aoData":JSON.stringify(aoData111)},//这个是把datatable的一些基本数据传给后台,比如起始位置,每页显示的行数
type : 'post',
dataType : 'json',
async : false,
success : function(result) {
fnCallback111(result);//把返回的数据传给这个方法就可以了,datatable会自动绑定数据的
},
error : function(msg) {
}
});
}
</script>
-------------
@RequestMapping("tableDemoAjax")
@ResponseBody
public String tableDemoAjax(@RequestParam String aoData) {
JSONArray jsonarray = JSONArray.fromObject(aoData);
String sEcho = null;
int iDisplayStart = 0; // 起始索引
int iDisplayLength = 0; // 每页显示的行数
for (int i = 0; i < jsonarray.size(); i++) {
JSONObject obj = (JSONObject) jsonarray.get(i);
if (obj.get("name").equals("sEcho"))
sEcho = obj.get("value").toString();
if (obj.get("name").equals("iDisplayStart"))
iDisplayStart = obj.getInt("value");
if (obj.get("name").equals("iDisplayLength"))
iDisplayLength = obj.getInt("value");
}
// 生成20条测试数据
List<string[]> lst = new ArrayList<string[]>();
for (int i = 0; i < 20; i++) {
String[] d = { "co1_data" + i, "col2_data" + i };
lst.add(d);
}
JSONObject getObj = new JSONObject();
getObj.put("sEcho", sEcho);// 不知道这个值有什么用,有知道的请告知一下
getObj.put("iTotalRecords", lst.size());//实际的行数
getObj.put("iTotalDisplayRecords", lst.size());//显示的行数,这个要和上面写的一样
getObj.put("aaData", lst.subList(iDisplayStart,iDisplayStart + iDisplayLength));//要以JSON格式返回
return getObj.toString();
}</string[]></string[]>
分享到:
相关推荐
很好的处理程序对数据库的链接查询等操作,解决了超时的难题
Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的...
Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的...
Tomcat服务器主要处理客户登录、个人信息管理等的HTTP类型请求(通常的业务类型),端口为8080,Netty WebSockt服务器主要处理用户消息通信的WebSocket类型请求,端口为3333。用户通过浏览器登录后,浏览器会维持一...
安装依赖项后,您应该能够通过运行以下命令启动应用程序: node index.js现在,您应该能够在浏览器中访问URL 并看到以下内容: 如果要更改服务器侦听的端口,可以运行node index.js --port 3333将端口号更改为您...
入门 这个项目是一个使用 baucis 构建的示例服务器...现在服务器正在运行,发出 HTTP GET 请求,如: http://localhost:3333/api/vegetables http://localhost:3333/api/vegetables?conditions={ "name": "tomato" } ...
非leader节点转发请求,考虑改用rpc方式 改善状态机。。。。。。 测试启动: 在主目录下,启动多个测试节点,比如(测试配置文件中定义了三个节点): $ go test -bexpect=2 -name=node1 -host=127.0.0.1:3333 -client=...
文字相似度使用Docker部署Flask API的示例该API包含一个端点,该端点接受包含两个字符串的JSON数组的POST请求。 返回向量化字符串之间的计算余弦相似度。 以下说明应在装有Docker引擎和Python> = 3.6Linux系统上工作...
一种特殊的组播地址,对于节点或路由器的接口上配置的每个单播和任意播地址,都会自动生成一个对应的被请求节点组播地址。注意link-local address也会生成一个被请求节点的组播地址。 工作范围:只在本地链路上有效...
用于为队友私下托管内部Node.js应用程序的服务器。 特征 一台服务器上的所有内部... 然后,使用以下Caddy配置将所有请求路由到supertools.test和*.supertools.test到localhost:3333 : http://supertools.test, http:/
这个应用程序允许用户预订公司到指定日期的现货,在请求被批准或被拒绝时得到通知,并查看所有提出的预订请求及其当前状态。 此应用程序使用的所有资源均来自其 。 目录 原料药 用法作业系统 运行测试覆盖率报告 ...
在提交问题或请求撤消请求之前,请先阅读《 。此树不包含ResMed拥有版权的任何文件。您必须具有从中提取固件的设备,然后对其进行修补,然后重新刷新修改后的版本。您将需要描述的工具。已提交的stubs.S文件用于SX...
注意:请在以下命令中用所需的IPV4 / IPV6地址(显示在监视器控制台中)和端口号替换192.168.0.167 3333 。 除了这些工具之外,还可以在sockets / scripts目录下找到简单的Python脚本。 每个脚本都旨在与示例之一...
该项目建立在端口3333 ,也就是说,要发出请求,只需在启动该项目后转至localhot:3333 先决条件 为了能够运行项目,您需要具有npm和node在计算机上单击 如何开始 该项目的根目录是一个名为.env.exemple的文件, ....
最小银行 :money-mouth_face: :page_facing_up: 概述 :...测试应用程序(登录/密码):帐号:hm/1234、js/1111、jd/2222、st/3333、sd/4444 :thinking_face: 流程图: :rocket: 技术: 本项目建设过程中采用了以下技术
如果您要提出拉取请求,请给我发消息。 安装 $ npm install @j127/embed-discourse CORS设置 要从与您的Discourse论坛不同的域或子域中加载Discourse主题,您需要为该域启用CORS。 转到您的“话语”设置并搜索“ ...
Lunar是一个玩具式的网络框架,基于PEP333和它的进化版PEP3333,它包括一个模板引擎:一个Sqlite的ORM框架:一个Router,用于请求转发和路由:一个简单的对Request和Response对象的封装查看example来看看这是怎么运作的...
api-serverinstall[sudo] npm install -g apisUsages执行命令apis .testcurl http://127.0.0.1:3333/users实现步骤 根据request生成...测试Response Mocker Rulesget.request{ "name": "这是一个get请求", "url":
本地主机:3333 纱线添加nodemon -D 表达:路线的定义 获取,发布,放置,删除 失眠 邮政 app.post('/users', (req,res) => { return res.json({message: "Welcome Omnistack 9.0!!"}); }); yarn dev GET,POST...
hacheck是一项健康检查代理服务。...如果设置了mysql以及mysql_username和mysql_password ,将在请求的mysql端口上登录并退出; 被忽略,并且没有选择逻辑数据库。 当确实查询实际的服务检查端点时, hache