JSF教程

JSF f:ajax标签

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.zyiz;

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" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html">

    <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。

http://localhost:8084/AjaxHelloWorld

得到如下结果 -

上一篇：JSF h:message标签

下一篇：JSF单选按钮

分类导航

关注微信小程序

扫描二维码
程序员编程王