JSFでAjax

1.Ajax4jsf

JavaScriptを記述することなくAjax通信を実現するフレームワーク
Java Server Faces 1.1以降が利用できる環境が必要

<f:view>
<h:form>
<h:panelGrid columns=”2″>

<h:outputText value=”Type the Text:” />
<h:inputText size=”50″ value=”#{bean.text}”>
<a4j:support event=”onkeyup” reRender=”repeater” />
</h:inputText>

<h:outputText value=”Text in the Ajax Response:” />
<h:outputText id=”repeater” value=”#{bean.text}” />

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

2.DWR(Direct Web Remoting)

必要環境
JDK 1.5.0_10
Tomcat 5.5.20
DWR 2.0RC2

・dwr.jarをライブラリに追加。
・サーバ側のクラスを作成。
・web.xmlに「servlet-class」「servlet-mapping」追加する。
・dwr.xmlをweb.xmlと同じところに作成する。
<dwr>
<allow>
<create javascript=”クラス名” creator=”new”>
<param name=”class” value=”ajaxでアクセスするクラス”>
</param>
</create>
</allow>
</dwr>

・jspに設定する。
<script type=”text/javascript” src=”../dwr/engine.js”></script>
<script type=”text/javascript” src=”../dwr/util.js”></script>
<script type=”text/javascript” language=”javascript”>
<!–

//–>
</script>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です