`

AJAX2

    博客分类:
  • AJAX
阅读更多
  前面谈了用最原始的方式实现AJAX在JSP中,但这里介绍一种Java类jsonrpc,对AJAX的底层实现做了封装,用起来很方便。
 下面就举个例子简单的介绍一下这个类的用法。
 例如我现在需要实现一个JSP页面中下拉列表内容的异步传输。里面的内容来自数据库中的有关数据。
 那么第一步你就需要建立一个类比如ajaxBean,大家要注意了这个类要实现java.io.Serializable这个接口,因为这个类要被客户端的类调用即
远程调用,会涉及到类的序列化以及反序列化,所以要实现这个接口吧!(我自己的理解)下面举个很简单的例子里面只有一个方法:
 public class ajaxBean extends BaseLog implements java.io.Serializable{//这个类还是先了日志类的接口便于程序调试


public String[][] getMemberLevel(){
String[][] options = null;
MemService service = new MemServiceImpl();//这个类是是用与与数据库打交道的
try{
List list = service.browseMemberLevel();//返回自己需要的内容并放在List中。
Memberlevel ml = null;
int i = 0;
if (list!=null){
options = new String[list.size()][2];
Iterator it = list.iterator();
while(it.hasNext()){
ml = (Memberlevel)it.next();
options[i][0] =ml.getId().toString();
options[i][1] =ml.getLevelName().trim();
i++;
}
}else{
options = new String[1][2];
options[0][0] ="0";
options[0][1] ="无会员级别";
}
}catch(Exception ex){
logger.info("在执行AjaxBean类中的getMemberLevel方法时出错:\n");
ex.printStackTrace();
}
return options;
}



}
 然后在对应的JSP页面中需要添加一下内容:
<jsp:useBean id="JSONRPCBridge" scope="session" class="com.metaparadigm.jsonrpc.JSONRPCBridge"/>//导入的包
<jsp:useBean id="ajax" class="com.base.ajaxBean"></jsp:useBean>//自己设置Bean的位置
<%
JSONRPCBridge.registerObject("ajax",ajax);
%>
<script language="javascript">//在JavaScript中直接利用这个类调用方法,然后在JavaScript中对结果进行操作
//构造商品分类下拉列表
jsonrpc = new JSONRpcClient("JSON-RPC");
var result = jsonrpc.ajax.getmemberlevel();
for (var i=0;i<result.length;i++){
option =document.createElement("OPTION");
option.value = result[i][0];
option.text = result[i][1];
document.all.category.options.add(option);
}



</script>
这个类很好,因为它可以在JavaScript中直接使用而且返回的结果可以直接利用JavaScript操作,同时JavaScript又可以动态的操作HTML,所以结合JavaScript用很不错!当然这个远程调用的方法(应该可以这样叫吧)里面没有参数,但可以有参数。
分享到:
评论

相关推荐

    ajax2 1.6.2jar包和配置文件(2)

    Ajax2 1.6.2 是一个用于构建动态、交互性网页应用的JavaScript库,它扩展了原有的Ajax技术,提供了一套完整的框架来简化异步数据通信和局部页面更新。这个版本的Ajax2包含了多个jar包,这些jar包是Java应用程序开发...

    ajax2 1.6.2jar包和配置文件(1)

    **Ajax2 1.6.2 Jar包与配置文件详解** Ajax2是一个JavaScript库,用于在Web应用程序中实现异步JavaScript和XML(AJAX)技术。这个版本是1.6.2,它提供了丰富的功能来增强用户体验,通过后台数据交换和页面部分刷新...

    Professional Ajax, 2nd Edition.pdf

    2. **JavaScript与DOM操作**:作者深入探讨了JavaScript语言的核心概念和DOM模型,解释了如何使用JavaScript选择和操作DOM元素,以及如何监听和处理用户事件,为实现Ajax功能打下坚实的基础。 3. **Ajax与服务器端...

    Telerik RadControls for ASP.NET AJAX Q2 2010 SP1 Part2(2010年8月10日的版本)

    Telerik RadControls for ASP.NET AJAX Q2 2010 SP1 Part2(2010年8月10日的版本)

    Ajax2_使用Ajax发送异步请求.ppt

    Ajax2_使用Ajax发送异步请求.ppt

    Telerik RadControls for ASP.NET AJAX Q2 2010 SP1 Part1(2010年8月10日的版本)

    Telerik RadControls for ASP.NET AJAX Q2 2010 SP1 Part1(2010年8月10日的版本)

    ajax 视频教程 2

    文件"ajax2.swf"可能是一个包含教程动画或互动示例的Flash文件,旨在辅助讲解Ajax技术,帮助学习者更好地理解和应用所学知识。在观看视频的同时,结合这个文件进行实践操作,将有助于巩固理论知识。

    caj的插件cajax

    CAJ软件的插件,是CAJViewer 安装程序的一个注册模块

    SSH2+json+ajax+jquery完整的项目源码

    在项目中的`ajax3`和`ajax2`可能包含实现Ajax功能的相关JavaScript代码,比如使用`$.ajax()`或`$.getJSON()`等jQuery方法发送异步请求,以及处理返回数据和更新DOM结构。 **jQuery** jQuery是一个流行的JavaScript...

    Struts2与Ajax 精简源码

    Struts2与Ajax 的实现原理,于Servlet+Ajax原理是一致的,都是通过后台的response.getWriter().print("");把数据传输给前台的。 前台Ajax格式如下(需要导入ajax库,比如:jquery-1.11.3.js) 格式: $(function()...

    Wrox.Professional.Ajax.2nd.Edition

    2. **JavaScript和DOM**:深入讲解JavaScript语言,特别是DOM(Document Object Model)操作,这是Ajax动态更新页面内容的关键。读者会学到如何通过JavaScript操作DOM元素,实现动态内容的添加、修改和删除。 3. **...

    ajax控件ajax控件ajax控件ajax控件

    ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件

    AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX

    AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX

    ajax特效ajax特效ajax特效

    ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效

    Professional Ajax

    Professional Ajax 2nd Edition provides a developer-level tutorial of Ajax techniques, patterns, and use cases. The book begins by exploring the roots of Ajax, covering how the evolution of the web and...

    ajax详解ajax详解ajax详解ajax详解ajax详解ajax详解ajax详解ajax详解ajax详解

    ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解

    ajax控件ajax控件

    ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件...

    AJAX原理 原理 AJAX

    "AJAX原理与技术的深入分析" AJAX(Asynchronous JavaScript and XML)是一种异步通信技术,允许Web应用程序异步地从服务器请求数据,而不需要重新加载整个网页。下面我们将深入分析AJAX的原理、技术、意义和发展...

    ssh2 ajax jquery

    在IT领域,SSH2、Ajax和jQuery是三个关键的技术组件,它们在构建高效、动态的Web应用程序中扮演着重要角色。SSH2(Secure Shell 2)主要用于提供安全的远程登录和网络服务,Ajax(Asynchronous JavaScript and XML)...

    ajax代码 ajax代码

    2. **XMLHttpRequest对象**:是Ajax的核心,它允许JavaScript在不刷新整个页面的情况下与服务器进行通信。通过这个对象,我们可以发送HTTP请求并接收响应,实现数据的获取和更新。 3. **DOM(Document Object Model...

Global site tag (gtag.js) - Google Analytics