一、使用JsonArray传递


java代码

@RequestMapping(value="/myphotopage")
publichttpentity<JSONArray>myphoto2(intpageNum,HttpSessionsession,HttpServletResponseresp)throwsException{
UserInfouser=(UserInfo)session.getAttribute("user");
JSONObjectjson=newJSONObject();
JSONArrayjsonArray=newJSONArray();
if(user!=null){
//定义的总记录数
intdataCount=0;
//定义当前页
//pageNum=1;
//定义总页数
intpageCount=0;
//定义每页显示条数
intpageSize=6;
//开始索引
intstartIndex=0;
dataCount=photoService.countPhotoByUserid(user.getUserid());
if(dataCount%pageSize==0){
pageCount=dataCount/pageSize;
}else{
pageCount=dataCount/pageSize+1;
}
if(pageNum!=0){
startIndex=(pageNum-1)*pageSize;
}
List<Photo>photos=photoService.getPhotoByPageNumAndUserid(user.getUserid(),startIndex);
json.put("dataCount",dataCount);
json.put("pageNum",pageNum);
json.put("pageCount",pageCount);
jsonArray.add(photos);
jsonArray.add(json);
}else{
resp.sendRedirect("templates/login.jsp");
}
httpentity<JSONArray>httpentity=newhttpentity<JSONArray>(jsonArray);
returnhttpentity;
}

jsp代码

functionshowpage(pageNum){
$.ajax({
url:"/shoots/myphotopage.do?pageNum="+pageNum,type:"get",dataType:"json",success:function(data){
varobjs=eval(data);
//取出回送的数据
//list代表后台发送回来的集合。
//info中封装了一些其他信息。
varlist=objs[0];
varinfo=objs[1];
varpage="";
varresult="";
result="<tableclass='table'><thead>";
result+="<tr><th>图片编号</th><th>图片类型</th><th>上传时间</th><th>收藏数量</th><thstyle='width:26px;'></th></tr>";
result+="</thead><tbody>";
//遍历集合index为索引,element为对象
$.each(list,function(index,element){
//拼接字符串
result+="<tr>";
result+="<td>"
+element.photoid
+"</td>";
result+="<td>"
+element.ptype.ptcon
+"</td>";
result+="<td>"
+element.phototime
+"</td>";
result+="<td>"
+element.likenum
+"</td>";
result+="<td><buttonaria-hidden='true'data-toggle='modal'class='icon-pencil'";
result+="data-target='#showinfo'data-photoid='"
+element.photoid
+"'data-path='"
+element.photoname
+"'";
result+="data-remake='"
+element.photoremake
+"'onclick='iii()'></button></td>";
result+="</tr>";
});
result+="</table>";
if(info.pageNum==1){
page+="首页上页";
}else{
varup=info.pageNum-1;
page+="<inputtype='button'name='first'value='首页'onclick='showpage(1)'/><inputtype='button'name='up'value='上页'onclick='showpage("
+up+")'/>"
}
if(info.pageNum==info.pageCount
||info.pageCount==0){
page+="下页尾页";
}
if(info.pageNum<info.pageCount){
varnex=info.pageNum+1;
page+="<inputtype='button'name='first'value='下页'onclick='showpage("
+nex
+")'/><inputtype='button'name='first'value='尾页'onclick='showpage("
+info.pageCount+")'/>"
}
page+="共"+info.dataCount+"条记录第"
+info.pageNum+"页/共"+info.pageCount
+"页";
$("#page").html(page);
$("#cont").html(result);
}
});
}

Ajax提交分页请求,实现异步刷新效果(1)的更多相关文章

  1. 使用layui实现左侧菜单栏及动态操作tab项的方法

    这篇文章主要介绍了使用layui实现左侧菜单栏及动态操作tab项的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 在iOS上绘制扭曲的文本

    使用iOS9及更高版本中提供的标准API,如何在绘制文本时实现扭曲效果?

  3. ios – 如果Element符合给定的协议,则扩展阵列以符合协议

    如果是这样,语法是什么?解决方法Swift4.2在Swift4.2中,我能够使用符合这样的协议的元素扩展数组:

  4. ios – 如何在swift中获取2数组的常见元素列表

    (双关语)编辑:,你可以这样做这个实现是丑陋的.

  5. Swift 函数Count,Filter,Map,Reduce

    Count-统计数量文档示例Filter-条件过滤文档示例-过滤长度大于4的字符串也可以简化Map-映射集合类型,返回数组文档示例同样可以简化Reduce-把数组结合到一起文档示例可以简化进一步简化

  6. Swift语法——Swift Sequences 探究

    今天看到Array的API中有这么一个声明的函数:函数名为extend,所需参数是S类型的newElements,而S首先要实现SequenceType协议。看看APTGeneratorType必须要实现一个函数next(),它的作用就是返回一个Element,注释里说的很清楚:它的作用就是一直返回元素,直到最后。1)Swift调用generate()来生成了一个Generator,这个对象是一个私有的变量即__g;2)__g调用了next()函数,返回了一个optional类型对象element?。这个

  7. Swift 中数组和链表的性能

    尽管如此,我觉得链表的例子非常有意思,而且值得实现和把玩,它有可能会提升数组reduce方法的性能。同时我认为Swift的一些额外特性很有趣:比如它的枚举可以灵活的在对象和具体方法中自由选择,以及“默认安全”。这本书未来的版本可能就会用Swift作为实现语言。拷贝数组消耗的时间是线性的。使用链表还有其他的代价——统计链表节点的个数所需要的时间是统计数组元素个数时间的两倍,因为遍历链表时的间接寻址方式是需要消耗时间的。

  8. Swift中集合类型indexOf(Element)提示错误的解决办法

    简单的竟然出错了!其实看一下错误描述,大概就可以猜到Swift此时不知道你自定义类是如何比较的,如果是Swift内置的各种struct和class就不存在这个问题,比如:解决很简单,添加一个==方法即可:最后补充一下,早期版本的Swift还有一个find函数可以完成类似的功能,但是新版本已经没有该函数了,So你懂的…

  9. swift map reduce 获取下标(index)的方法

    原文:http://stackoverflow.com/questions/28012205/map-or-reduce-with-index-in-swiftYoucanuseenumeratetoconvertasequence(Array,String,etc.)toasequenceoftupleswithanintegercounterandandelementpairedtogethe

  10. Swift中的map 和 flatMap 原理及用法

    map和flatMap是Swift中两个常用的函数,它们体现了Swift中很多的特性。对于简单的使用来说,它们的接口并不复杂,但它们内部的机制还是非常值得研究的,能够帮助我们够好的理解Swift语言。map简介首先,咱们说说map函数如何使用。letnumbers=[1,2,3,4]letresult=numbers.map{$0+2}print//[3,4,5,6]map方法接受一个闭包作为参数,然后它会遍历整个numbers数组,并对数组中每一个元素执行闭包中定义的操作。比如咱们这个例子里面的闭包是讲

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github,点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件;对于前后端分离的开发模式,ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装,XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js,更小的压缩版本,可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装,VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js,更小的压缩版本,可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多,其中一个是利用CORS,而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的,最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止,相当于仅仅完成了预检,还没发送真正的请求呢。

  5. form提交时,ajax上传文件并更新到&lt;input&gt;中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案:1.加cache:false2.url加随机数正常代码:网上高人解读:cache的作用就是第一次请求完毕之后,如果再次去请求,可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下,内容编码类型满足大多数情况。在这里,我们主要谈谈contentType=false.在使用ajax上传文件时:在其中先封装了一个formData对象,然后使用post方法将文件传给服务器。说到这,我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗?这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的,因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来,以后不用到处找了。语法:$.ajaxFileUploadoptions参数说明:1、url上传处理程序地址。2,fileElementId需要上传的文件域的ID,即的ID。3,secureuri是否启用安全提交,默认为false。4,dataType服务器返回的数据类型。6,error

  9. AJAX-Cache:一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段,在频繁的异步请求业务中,我们往往需要利用“缓存”提升界面响应速度,减少网络资源占用。AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的,我该如何解决呢?必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位,那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部