PrimeFaces Ajax

17 Mar 2025 | 阅读 2 分钟

Primefaces 提供内置的 Ajax 支持。它提供了各种属性，如 update、event、listener 等。在这里，我们创建一个示例来解释 ajax 属性。

Ajax 属性

下表包含 Ajax 属性。

属性	默认值	返回类型	描述
listener	null	MethodExpr	它用于处理部分请求。
Immediate	false	boolean	它返回一个布尔值，用于确定 phaseId，当为 true 时，操作在 apply_request_values 阶段处理，当为 false 时，在 invoke_application 阶段处理。
async	false	boolean	如果设置为 true，则不会对 ajax 请求进行排队。
process	null	String	它用于处理部分请求。
update（更新）	null	String	它用于使用 ajax 进行更新。
onstart	null	String	它用于在 ajax 请求开始之前执行。
oncomplete	null	String	它用于在 ajax 请求完成后执行。
onsuccess	null	String	它用于在 ajax 请求成功时执行。
delay	null	String	它用于设置延迟时间。如果在调用 request() 之间经过的时间小于 delay 毫秒，则仅发送最近的一个请求，而所有其他请求将被丢弃。如果未指定此选项，或者 delay 的值为字符串 'none'（不带引号），则不使用延迟。
partialSubmit	false	boolean	仅启用属于部分处理的组件的值的序列化。
partialSubmitFilter	null	String	用于部分提交时的选择器，默认为“:input”，以选择部分处理组件的所有后代输入。
event	null	String	触发 ajax 请求的客户端事件。

Ajax 基础

此示例解释了应用程序中内置的 Ajax 用法。它通过使用 Ajax 更新后端值并显示输出。

此示例包括一个 JSF 页面和一个 ManagedBean。

JSF 文件

// ajax-basic.xhtml

<?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:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Ajax Basic Example</title>
</h:head>
<h:body>
<h2>Basic Ajax Example</h2>
<h:form>
<h:panelGrid columns="4" cellpadding="5">
<h:outputLabel for="name" value="Name:" style="font-weight:bold" />
<p:inputText id="name" value="#{user.name}" />
<p:commandButton value="Submit" update="display" icon="ui-icon-check" />
<h:outputText id="display" value="#{user.name}" />
</h:panelGrid>
</h:form>
</h:body>
</html>

ManagedBean

// User.java

package com.javatpoint;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class User implements Serializable{
String name;
String lastName;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}   

public String getLastName() {
return lastName;
}
public void setLastName(String lastName) {
this.lastName = lastName;
}
}

输出