`

jquery 异步调用业务层的方法,然后返回一个list。在jsp页面上填充

 
阅读更多

在后台返回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写一个简单的异步分页插件

    在前端页面,如示例中的list_user.jsp,首先需要引入JQuery的库文件。然后,通过JQuery选择器定位到需要插入分页数据的容器(例如tbody),并使用自定义的asynPage函数进行初始化。这个函数将会在页面加载时执行,并...

    jsp实现局部刷新页面、异步加载页面的方法

    这个方法会接收请求,处理数据,然后返回一个JSP页面的路径。`model.addAttribute`用于向模型添加数据,这些数据可以在JSP页面中访问。 5. **JSP页面**: JSP(JavaServer Pages)是Java的一个动态网页技术,可以将...

    jQuery进阶学习资料-EasyUI教程.doc

    例如,`sayString`方法接受一个字符串参数并返回问候语,其他方法如`sayList`、`sayMap`、`saySet`则处理并返回List、Map和Set类型的对象。此外,`sayUser`方法展示了如何处理自定义类型,如`User.java`中的用户对象...

    jsp中ajax请求生成highcharts 的案例

    首先,我们需要在JSP页面上设置一个区域来放置Highcharts图表。这通常涉及在HTML中创建一个div元素,作为图表的容器。例如: ```html ; height: 400px; margin: 0 auto"&gt; ``` 接下来,引入Highcharts的相关资源,...

    Ajax实现的JSP省市级连效果

    这是一个常见的需求,例如在填写地址时,用户选择省份后,市、县等下级区域会自动更新,无需刷新整个页面。本主题将深入探讨如何利用Ajax技术和JSP来实现这种效果,同时结合数据库来获取和展示数据。 首先,我们要...

    J2EE下拉列表动态加载

    通过JavaScript的XMLHttpRequest对象或jQuery的$.ajax方法,可以在不刷新整个页面的情况下向服务器发送请求,获取新的数据,然后动态更新下拉列表。 6. **JSON格式**:在Ajax通信中,数据通常以JSON(JavaScript ...

    利用jQuery中的ajax分页实现代码

    在实际应用中,使用者需要在页面中引入`page_ajax.jsp`,并定义一个处理分页逻辑的方法,例如`myFunction()`。在该方法内部,我们可以扩展jQuery,添加一个新的方法`$.pageAjax`,它接受三个参数: 1. `url`:这是...

    jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

    首先,需要在JSP页面加载完成后,初始化一级下拉菜单,为它绑定一个change事件,当一级下拉菜单值改变时触发,使用jQuery的$.post方法发送Ajax请求。在Ajax请求的回调函数中,获得服务器返回的JSON格式数据,并通过...

    JSP+AJAX三级级联及更多级的实现

    在Web开发中,级联选择框是一种常见的交互方式,尤其在需要多级数据关联展示时(如省份-城市-区县的选择)。本文将详细介绍如何利用Java Server Pages (JSP) 和 Asynchronous JavaScript and XML (AJAX) 技术实现三...

    java总结,问题,知识点

    Java是世界上最流行的编程语言之一,尤其在企业级应用开发中占据主导地位。以下是对Java相关知识点的详细总结: 1. JDK常用的包: JDK(Java Development Kit)是Java开发工具集,包含了Java运行环境(JRE)、...

    jtday03日常笔记

    加载页面时,通过ajax调用后台服务获取数据,服务端处理后返回JSON数据,前端再将这些数据渲染到页面上。 ### 三、MyBatis使用技巧 #### 1. MyBatis基础知识 - **核心API**:`SqlSession`提供了基本的数据访问方法...

    jQuery实现标签子元素的添加和赋值方法

    在文档的JSP页面中,定义了一个`&lt;select&gt;`元素,该元素用于创建下拉列表,供用户进行选择。 ```html 科室: ;"&gt; ``` 这个`&lt;select&gt;`标签被分配了一个CSS类名为`dept-name-show`,这样我们就可以使用jQuery...

    JAVA上百实例源码以及开源项目源代码

    5个目标文件,演示Address EJB的实现 ,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...

    java方面的知识总结

    - **jQuery的DOM操作**:提供了一系列方法来操作DOM元素,如`append()`、`prepend()`、`after()`等。 - **jQuery常用的一些方法**:如`click()`、`hide()`、`show()`等。 #### Js - **Js刷新的方法**:可以使用`...

    java技术点

    【Java技术点】涵盖的内容广泛,从初级到高级,涵盖了编程基础、Web开发、框架使用、数据处理、安全防范等多个方面。以下将按照知识等级进行详细的解析: **初级知识点** 1. **SVN环境搭建**:版本控制系统,用于...

Global site tag (gtag.js) - Google Analytics