在后台返回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);
}
}
}
分享到:
相关推荐
在前端页面,如示例中的list_user.jsp,首先需要引入JQuery的库文件。然后,通过JQuery选择器定位到需要插入分页数据的容器(例如tbody),并使用自定义的asynPage函数进行初始化。这个函数将会在页面加载时执行,并...
这个方法会接收请求,处理数据,然后返回一个JSP页面的路径。`model.addAttribute`用于向模型添加数据,这些数据可以在JSP页面中访问。 5. **JSP页面**: JSP(JavaServer Pages)是Java的一个动态网页技术,可以将...
例如,`sayString`方法接受一个字符串参数并返回问候语,其他方法如`sayList`、`sayMap`、`saySet`则处理并返回List、Map和Set类型的对象。此外,`sayUser`方法展示了如何处理自定义类型,如`User.java`中的用户对象...
首先,我们需要在JSP页面上设置一个区域来放置Highcharts图表。这通常涉及在HTML中创建一个div元素,作为图表的容器。例如: ```html ; height: 400px; margin: 0 auto"> ``` 接下来,引入Highcharts的相关资源,...
这是一个常见的需求,例如在填写地址时,用户选择省份后,市、县等下级区域会自动更新,无需刷新整个页面。本主题将深入探讨如何利用Ajax技术和JSP来实现这种效果,同时结合数据库来获取和展示数据。 首先,我们要...
通过JavaScript的XMLHttpRequest对象或jQuery的$.ajax方法,可以在不刷新整个页面的情况下向服务器发送请求,获取新的数据,然后动态更新下拉列表。 6. **JSON格式**:在Ajax通信中,数据通常以JSON(JavaScript ...
在实际应用中,使用者需要在页面中引入`page_ajax.jsp`,并定义一个处理分页逻辑的方法,例如`myFunction()`。在该方法内部,我们可以扩展jQuery,添加一个新的方法`$.pageAjax`,它接受三个参数: 1. `url`:这是...
首先,需要在JSP页面加载完成后,初始化一级下拉菜单,为它绑定一个change事件,当一级下拉菜单值改变时触发,使用jQuery的$.post方法发送Ajax请求。在Ajax请求的回调函数中,获得服务器返回的JSON格式数据,并通过...
在Web开发中,级联选择框是一种常见的交互方式,尤其在需要多级数据关联展示时(如省份-城市-区县的选择)。本文将详细介绍如何利用Java Server Pages (JSP) 和 Asynchronous JavaScript and XML (AJAX) 技术实现三...
Java是世界上最流行的编程语言之一,尤其在企业级应用开发中占据主导地位。以下是对Java相关知识点的详细总结: 1. JDK常用的包: JDK(Java Development Kit)是Java开发工具集,包含了Java运行环境(JRE)、...
加载页面时,通过ajax调用后台服务获取数据,服务端处理后返回JSON数据,前端再将这些数据渲染到页面上。 ### 三、MyBatis使用技巧 #### 1. MyBatis基础知识 - **核心API**:`SqlSession`提供了基本的数据访问方法...
在文档的JSP页面中,定义了一个`<select>`元素,该元素用于创建下拉列表,供用户进行选择。 ```html 科室: ;"> ``` 这个`<select>`标签被分配了一个CSS类名为`dept-name-show`,这样我们就可以使用jQuery...
5个目标文件,演示Address EJB的实现 ,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...
- **jQuery的DOM操作**:提供了一系列方法来操作DOM元素,如`append()`、`prepend()`、`after()`等。 - **jQuery常用的一些方法**:如`click()`、`hide()`、`show()`等。 #### Js - **Js刷新的方法**:可以使用`...
【Java技术点】涵盖的内容广泛,从初级到高级,涵盖了编程基础、Web开发、框架使用、数据处理、安全防范等多个方面。以下将按照知识等级进行详细的解析: **初级知识点** 1. **SVN环境搭建**:版本控制系统,用于...