marshan 发表于 2013-1-29 11:32:11

使用richfaces玩转json

richfaces封装了jQuery和json,因此我们在richfaces项目中,可以轻松使用这两个ajax元素,而无需第三方的jar包。
在richfaces下使用json无需额外请求json提供者页面,可以通过a4j:jsFunction控件轻松实现异步请求。
 
流程(请参考附件中的代码):
1.jsf页面通过js向server发起请求:
比如,通过一个anchor的点击,调用js方法:
<a href="#" >Gennaro Gattuso</a>
 
2.a4j:jsFunction控件实现该js方法,接收请求,并提交给java类实例(jsonTest)的指定处理方法(getPlayer):
<a4j:jsFunction name="loadByJson" 
action="#{jsonTest.getPlayer}" 
如果有必要,可以向server传递参数:
<a4j:actionparam name="Param1" assignTo="#{jsonTest.id}"></a4j:actionparam>
 
3.调用java类实例(jsonTest)的指定获取json数据的方法(jsonData):
data="#{jsonTest.jsonData}" 
这里,java代码使用的json是richfaces自带的,这正是其方便之处:
org.richfaces.json.JSONObject dataToJSON = new JSONObject();
dataToJSON.put("id", data.get("id"));
dataToJSON.put("name", data.get("name"));
dataToJSON.put("number", data.get("number"));
dataToJSON.put("age", data.get("age"));
 
4.刷新jsf界面:
oncomplete="updateFields(data);"
 
5.jQuery的selector处理这个刷新工作:
function updateFields(data){
  jQuery('#datadiv').html(data);               
  var player = eval("("+ data +")");
  jQuery('#id').html(player.id);
  jQuery('#name').html(player.name);
  jQuery('#number').html(player.number);
  jQuery('#age').html(player.age);
}
 
页: [1]
查看完整版本: 使用richfaces玩转json