在后台返回json格式的数据,然后用jquery读取分析。
后台
Java code
JSONObject json
=
new
JSONObject();
List
<
Map
>
maps
=
new
ArrayList
<
Map
>
();
List
<
Notice
>
notices
=
this
.getNoticeService().findAll(
this
.getPageNo(),
this
.getPageSize()).getDatas();
SimpleDateFormat sdf
=
new
SimpleDateFormat(
"
yyyyMMdd HH:mm:ss
"
);
for
(Notice notice : notices) {
Map
<
String, Object
>
property
=
new
HashMap
<
String, Object
>
();
property.put(
"
noticeId
"
, notice.getNoticeId());
property.put(
"
title
"
, notice.getTitle());
property.put(
"
addTime
"
, sdf.format(notice.getAddTime()));
maps.add(property);
}
json.put(
"
rows
"
, maps);
this
.renderText(json.toString());
前台
JScript code
function
PageClick(pageclickednumber){
var
pageSize
=
10
;
$.ajax({
type:
"
get
"
,
dataType :
'
json
'
,
url:
"
notice!list.action
"
,
data: ({
pageNo : pageclickednumber,
pageSize : pageSize
}),
beforeSend:
function
() {
$(
"
#all
"
).mask(
"
加载中...
"
);
},
success:
function
(data) {
$(
"
#all
"
).unmask();
if
(data
!=
0
) {
analyJson(data);
$(
"
#pager
"
).pager({ pagenumber: pageclickednumber, pagecount: pageCount, buttonClickCallback: PageClick});
}
else
{
alert(
"
没有权限!
"
);
}
}
});
}
function
analyJson(data) {
var
json
=
eval(data.rows);
var
len
=
json.length;
if
(len
>
0
) {
$(
"
#noticeList
"
).html(
''
);
for
(
var
i
=
0
; i
<
len; i
++
) {
var
append
=
"
<li id='li
"
+
json[i].noticeId
+
"
'>[
"
+
json[i].addTime
+
"
]<br/><a href='#'>
"
+
json[i].title
+
"
</a></li>
"
$(
"
#noticeList
"
).append(append);
}
}
}
分享到:
相关推荐
jquery异步调用页面后台方法,jquery异步调用页面后台方法
jquery异步调用post get方式
JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,一个关于在js中通过JQuery实现异步无...
jquery异步加载页面,适合用于选项卡页面。
用jQuery做的实现异步无刷新删除,在前台通过JS调用后台的删除方法,并使前台页面局部刷新。
jquery异步调用方式深度婆媳与范蠡详解
1.Overview of jQuery 2.Installation and documentation 3.Quick summary of jQuery selectors 4.Data centric Ajax: the $.ajax function 5.Content-centric Ajax: the load function 6.Handling JSON data 7....
jquery实现页面的异步加载,增强客户的体验,此demo中包含了两种方式实现页面的异步加载
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节.docx
jquery 异步加载页面小例子,可运行。
使用jQuery发送异步请求给Servlet,Servlet仍然使用JSP渲染结果,最后由JSP返回html给客户端页面,客户端页面通过jQuery直接把数据显示在页面上。这样就可以在JSP页面上继续使用类似JSTL的标签库来完成数据的显示。
jsp+jquery 页面无刷新异步登录~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
使用jquery异步请求方式发送数据,几种方式
codeproject中介绍的使用jquery ajax异步上传文件,demo使用mvc方式
Myeclipse编写的JQuery实现无刷新异步上传下载文件,关于如何部署项目到tomcat服务器请自己查找资料。
自己做了一个jquery ajax异步请求,获得一个list对象的下拉框例子自己做了一个jquery ajax异步请求,获得一个list对象的下拉框例子
jQuery异步刷新 服务器交互 javascript特效
Jquery调用WebService示例方法(源代码)
详细的jquery异步交互说明!供大家想用
通过前端Jquery调用Web Socket服务连接,并返回数据,记得在websocket.demo.js中修改你自己的websocket连接