< a4j>

本文详细介绍了 RichFaces 中 a4j:jsFunction 组件的使用方法及应用场景。该组件允许从 JavaScript 代码直接发起 Ajax 请求,并将服务器返回的数据以 JSON 形式传递给客户端的 JavaScript 函数进行处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

转载地址:http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html_single/
 

6.1.8.  < a4j:jsFunction > available since 3.0.0

expand all

6.1.8.1. Description 6.1.8.2. Details of Usage 6.1.8.3. Reference Data 6.1.8.4. Relevant Resources Links

6.1.8.1. Description

The  component allows to perform Ajax requests directly from JavaScript code, invoke server-side data and return it in a JSON format to use in a client JavaScript calls.

6.1.8.2. Details of Usage

As the component uses Ajax request to get data from server it has all common Ajax Action attributes. Hence, "action" and "actionListener" can be invoked, and reRendering some parts of the page fired after calling function.

When using the  it's possible to initiate the Ajax request from the JavaScript and perform partial update of a page and/or invoke the JavaScript function with data returned by Ajax response.

 ...


<body onload="callScript()">


      


             ...


            <a4j:jsFunction name="callScript" data="#{bean.someProperty1}" reRender="someComponent" oncomplete="myScript(data.subProperty1, data.subProperty2)">


                  <a4j:actionparam name="param_name" assignTo="#{bean.someProperty2}"/>


            </a4j:jsFunction>


            ...


      


      ...


</body>


...

 

The  allows to use  or pure  for passing any number of parameters of the JavaScript function into Ajax request. is similar to  , but it could be activated from the JavaScript code. It allows to invoke some server-side functionality and use the returned data in the JavaScript function invoked from "oncomplete" attribute. Hence it's possible to use  instead of . You can put it anywhere, just don't forget to use  and  around it.

Information about the "process" attribute usage you can find "Decide what to process" guide section.

6.1.8.3. Reference Data

Table of attributes.

Table 6.8. Component Identification Parameters

NameValue
component-typeorg.ajax4jsf.Function
component-familyorg.ajax4jsf.components.ajaxFunction
component-classorg.ajax4jsf.component.html.HtmlajaxFunction
renderer-typeorg.ajax4jsf.components.ajaxFunctionRenderer

6.1.8.4. Relevant Resources Links

Visit the jsFunction page at RichFaces LiveDemo for component usage and sources for the given examples.

Useful articles:

  • "JsFunctionJson" article in the RichFaces Cookbook describes how to use "a4j:jsFunction" to call the jsonTest backing bean that generates some random data in a JSON String;

 

 

<div class="basicInfo_Dxt9K J-basic-info"><dl class="basicInfoBlock_zx4H_ left"><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">本    名</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">胡歌</span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">外文名</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">Hu Ge</span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">性    别</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">男</span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">民    族</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">汉族</span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">国    籍</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true"><a class="innerLink_oGMKn" href="/item/%E4%B8%AD%E5%9B%BD/22516505?fromModule=lemma_inlink" target="_blank" data-from-module="basicInfo">中国</a></span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">出生地</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">上海市</span><span class="text_H18Us" data-text="true"><a class="innerLink_oGMKn" href="/item/%E5%BE%90%E6%B1%87%E5%8C%BA/937282?fromModule=lemma_inlink" target="_blank" data-from-module="basicInfo">徐汇区</a></span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">出生日期</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">1982年9月20日</span><span>(壬戌年八月初四)</span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">毕业院校</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true"><a class="innerLink_oGMKn" href="/item/%E4%B8%8A%E6%B5%B7%E6%88%8F%E5%89%A7%E5%AD%A6%E9%99%A2/1736818?fromModule=lemma_inlink" target="_blank" data-from-module="basicInfo">上海戏剧学院</a></span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">星    座</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true"><a class="innerLink_oGMKn" href="/item/%E5%A4%84%E5%A5%B3%E5%BA%A7/2859614?fromModule=lemma_inlink" target="_blank" data-from-module="basicInfo">处女座</a></span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">血    型</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">O型</span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">身    高</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">185 cm</span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">体    重</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true">70 kg</span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">经纪公司</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true"><a class="innerLink_oGMKn" href="/item/%E5%A4%A9%E6%B4%A5%E5%94%90%E4%BA%BA%E5%BD%B1%E8%A7%86%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/19977007?fromModule=lemma_inlink" target="_blank" data-from-module="basicInfo">天津唐人影视股份有限公司</a></span></dd></div><div class="itemWrapper_ZNZh3"><dt class="basicInfoItem_zB304 itemName_LS0Jv">代表作品</dt><dd class="basicInfoItem_zB304 itemValue_AYbkR"><span class="text_H18Us" data-text="true"><a class="innerLink_oGMKn" href="/item/%E4%BB%99%E5%89%91%E5%A5%87%E4%BE%A0%E4%BC%A0/5130936?fromModule=lemma_inlink" target="_blank" data-from-module="basicInfo">仙剑奇侠传</a>这是页面html源码中基本信息部分的部分代码请重新帮我生成代码
最新发布
05-23
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值