`
ruilin521314
  • 浏览: 902275 次
文章分类
社区版块
存档分类
最新评论

JSF 与 JavaScript 用 A4J 完成前台后台数据交互

 
阅读更多

HTML:
<script type="text/javascript" src="extjs.js"></script>
<f:view>
<div id="MyPageGrid" ></div>
<h:form prependId="false">

<a4j:jsFunction oncomplete="changeFinish(data);" name="processMethod"
data="#{ValueChangeTest.name},#{ValueChangeTest.age}"> //李四,23
</a4j:jsFunction>

<a4j:commandButton type="submit" value="good" onclick="changeBegin();" /> //必须用函数先激活JS.如:onclick

</h:form>
</f:view>


JS:
function changeBegin(){
alert("good");
var _name = "good";
processMethod(); //调用a4j:jsFunction产生的JS,如上面name值.即为产生一个名为processMethod的JS函数
}
function changeFinish(data){
alert("finish");
alert(data); //李四,23
}

输出:
依次弹出good/finish/李四,23 对话框.

原文地址:http://www.blogjava.net/algz/articles/207714.html

分享到:
评论

相关推荐

    A4J ajax4jsf中文指南 chm

    A4J与JSF的结合非常紧密,它们共同构建了一个强大的富互联网应用程序(RIA)开发平台。开发者可以利用JSF的声明式编程模型,同时享受A4J带来的AJAX功能。A4J的AJAX请求可以与JSF的生命周期紧密结合,确保服务器端的...

    a4j框架应用实例简介

    3. **Ajax集成**:A4J与JSF紧密集成,提供了丰富的Ajax组件库,使得开发者能够轻松地添加Ajax功能到现有的JSF应用中。这些组件可以实现局部刷新、实时数据反馈等功能。 4. **可扩展性**:A4J框架允许开发者自定义...

    a4j 指南

    A4J与JSF的结合,使得开发者能够轻松地在JSF应用中集成复杂的异步功能。 **一、A4J基础知识** 1. **A4J组件**:A4J提供了一系列的UI组件,如`&lt;a4j:commandButton&gt;`、`&lt;a4j:commandLink&gt;`等,它们扩展了JSF的原生...

    A4j 原创小案例+Spring+hibernate

    - **A4j与JSF的集成**:展示如何使用A4j库增强JSF应用的用户体验,比如异步数据刷新和实时验证。 - **Spring的依赖注入**:如何通过Spring配置文件管理组件和服务,实现依赖的自动注入。 - **Spring MVC**:Spring...

    ajax4jsf.zip

    它通过后台与服务器进行少量数据交换,使用户感觉页面响应更快,提升了用户的交互体验。Ajax的核心技术包括JavaScript、XMLHttpRequest对象和DOM(Document Object Model)。 **JSF**(JavaServer Faces)是Java...

    Usage of A4J.Usage of A4J.Usage of A4J.

    A4J,全称为Ajax4jsf,是一个用于JavaServer Faces (JSF)应用程序的库,它提供了丰富的AJAX功能,使用户界面更加交互性和响应性。A4J是RichFaces框架的一部分,允许开发者在JSF应用中实现异步数据更新,而无需刷新...

    ajax jsf javascript

    Ajax4jsf,也称为RichFaces或A4J,是用于将AJAX(Asynchronous JavaScript and XML)技术集成到JavaServer Faces(JSF)应用程序中的组件库和框架。它由Red Hat公司开发,旨在为开发者提供一个强大的工具集,以便在...

    Struts+JSF+filter+Myfaces+A4j+Spring+hibernate+Mysql整合一个项目

    **A4J (Ajax for Java)**:A4J是RichFaces项目的一部分,为JSF提供了一种强大的AJAX(Asynchronous JavaScript and XML)支持。它允许开发者在不刷新整个页面的情况下更新部分视图,提升了用户体验。 **Spring**:...

    Ajax4jsf

    Ajax4jsf组件库包括一系列的标签,如a4j:ajaxListener、a4j:region、a4j:page、a4j:support等,它们使得在JSF页面中添加Ajax行为变得更加简单。例如,a4j:ajaxListener可以监听页面上的特定事件并触发Ajax响应,而a4...

    JSF全套(JSF入门教+ LIB+ Ajax4JSF使用手册 )

    学习Ajax4JSF,你将掌握如何在JSF应用中集成Ajax,创建异步交互,以及使用其提供的各种Ajax组件,如`a4j:support`和`a4j:commandButton`。 5. **JSF项目的创建**:这部分教程会指导你从零开始创建一个完整的JSF项目...

    ajax4jsf使用中文手册

    这份中文手册详细介绍了如何将Ajax功能与JSF结合使用,使得Web应用程序更为高效且用户友好。 ### 1. Ajax4JSF简介 Ajax4JSF是RichFaces项目的一部分,旨在简化JSF应用中的Ajax开发。它通过在JSF组件上添加Ajax行为...

    ajax4jsf中文用户指南

    **Ajax请求的发送**:在JSF页面中,你可以使用Ajax4JSF提供的组件,如`a4j:support`或`a4j:commandButton`,来触发Ajax请求。这些组件可以绑定到特定的事件,当事件发生时,会向服务器发送异步请求。 **决定发送...

    ajax4jsf 例子

    **Ajax4JSF(a4j)例子** Ajax4JSF,简称a4j,是RichFaces项目的一部分,它提供了一种在JavaServer Faces (JSF) 应用程序中集成Ajax功能的方法。Ajax4JSF使开发者能够在不刷新整个页面的情况下更新JSF组件,从而...

    ajax4jsf实例

    这个框架允许开发者在JSF应用中轻松实现异步数据更新,提升用户界面的交互性和响应性,无需深入学习复杂的JavaScript或Ajax技术。 ### 1. Ajax4JSF简介 Ajax4JSF 是基于JSF 1.x 和 RichFaces 3.x 的一个组件库,...

    ajax4jsf 刷新datatable 例子

    在这个示例中,`&lt;a4j:commandButton&gt;` 的 `action` 属性指向一个后台方法(如 `#{bean.refresh}`),该方法会执行必要的业务逻辑,例如重新加载或更新数据。`render` 属性则指定了需要刷新的组件 ID —— 在这里为 ...

    Ajax4JSF用户指南

    该框架使开发者无需编写JavaScript代码就能实现Ajax交互,同时充分利用JSF的优势,如生命周期管理、验证、转换以及组件的灵活性。Ajax4JSF的设计目标是无缝集成到JSF生命周期中,提供Action和Value Change监听器、...

    JSF 无缝整合AJAX jar包及guide

    4. **使用A4J组件**:在JSF视图层中,可以使用 `&lt;a4j:commandButton&gt;`、`&lt;a4j:outputPanel&gt;` 等组件来创建AJAX行为。 5. **测试和调试**:进行功能测试,确保AJAX请求正确触发,页面更新无误。 通过以上步骤,...

    jsf开发用到的类库

    - 配置Ajax行为,例如通过`&lt;a4j:ajax&gt;`标签实现异步更新。 - 定制皮肤和主题,调整CSS样式。 通过理解JSF框架基础和RichFaces的特性,开发者可以构建出高效、用户友好的Web应用。在不断发展的JavaScript世界中,...

    ajax4jsf-demo

    - **编写JSF页面**:在XHTML页面中使用Ajax4JSF提供的组件和行为,如`&lt;a4j:commandButton&gt;`、`&lt;a4j:region&gt;`等。 - **配置应用**:在web.xml中配置Ajax4JSF的过滤器和监听器,以启用Ajax功能。 - **测试和调试**:...

Global site tag (gtag.js) - Google Analytics