JSF f:ajax标签_H5之家 - 中国HTML5教程资源分享第一站

AJAX代表异步JavaScript和Xml。这是一种使用JavaScript的HTTPXMLObject技术来将数据发送到服务器并从服务器异步接收数据。

在Ajax中，Javascript代码与服务器交换数据，更新网页的部分，而无需重新加载整个页面。

JSF支持使用f:ajax标签进行Ajax调用。

下面显示了一个简单的JSF标签。

<f:ajax execute="input-component-name" render="output-component-name" /> 标签属性

属性说明

disabled 如果为true，则Ajax行为将应用于任何父组件或子组件。如果为false，则Ajax行为将被禁用。

event 将调用Ajax请求的事件，例如： “click“, “change“, “blur“, “keypress“等。

execute 应该包含在Ajax请求中的组件的空格分隔的列表。

immediate 如果为true，则在应用请求值阶段期间广播生成的行为事件。否则，将在调用应用阶段广播事件。

listener 在Ajax请求期间调用的后备bean中的方法的EL表达式。

onerror Ajax请求期间发生错误的JavaScript回调函数的名称。

onevent 用于处理UI事件的JavaScript回调函数的名称。

render Ajax请求后将更新的组件ID的空格分隔列表。

示例

以下代码显示了如何使用<h:outputText>标签来创建一个Ajax应用程序来显示用户输入。

以下是文件：UserBean.java的代码，如下所示 -

package com.yiibai; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; import java.io.Serializable; @ManagedBean @SessionScoped public class UserBean implements Serializable { private static final long serialVersionUID = 1L; private String name; public String getName() { return name; } public void setName(String name) { this.name = name; } public String getSayWelcome(){ if("".equals(name) || name ==null){ return "Null Message"; }else{ return "Ajax message : Welcome " + name; } } }

以下是文件：index.xhtml 中的代码 -

<h:inputText>创建一个输入字段框。创建一个输入字段框。它使用来调用。

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns="" xmlns:f="" xmlns:h=""> <h:body> <h:form> <h:inputText id="name" value="#{userBean.name}"></h:inputText> <h:commandButton value="Welcome Me"> <f:ajax execute="name" render="output" /> </h:commandButton> <h2><h:outputText id="output" value="#{userBean.sayWelcome}" /></h2> </h:form> </h:body> </html> 运行项目

Tomcat启动完成后，在浏览器地址栏中输入以下URL。

:8084/AjaxHelloWorld

得到如下结果 -

本站代码下载：

本文属作者原创，转载请注明出处：易百教程