免费AI编程助手
JSF教程 - JSF Ajax Hello World示例
2018-01-09 19:01 更新
JSF教程 - JSF Ajax Hello World示例
AJAX代表Asynchronous JavaScript And 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请求的事件，例如“点击"，“改变"，“模糊"，“按键"等。 |
| execute | 组件的ID的空格分隔列表应包含在Ajax请求中。 |
| immediate | 如果在应用请求值阶段广播生成的“true"行为事件。否则，将在“调用应用程序"阶段期间广播事件。 |
| listener | 背景中方法的EL表达式bean在Ajax请求期间调用。 |
| onerror | 在Ajax请求期间发生错误时，JavaScript回调函数的名称。 |
| onevent | 用于处理UI事件的JavaScript回调函数的名称。 |
| render | 组件的ID的空格分隔列表将在Ajax请求后更新。 |
例子
以下代码显示了如何创建 h:outputText 标记Ajax应用程序来显示用户输入。
下面的代码来自UserBean.java。
package cn.w3cschool.common;
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;
}
}
}
以下代码来自demo.xhtml。
h:inputText 创建一个输入字段框。它使用 h:commandButton 来调用 f:ajax 。
<?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>
Download Ajax_HelloWorld.zip
跑步
将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹并运行Tomcat-Install-folder / bin / startup.bat。
Tomcat完成启动后，在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml
以上内容是否对您有帮助：
更多建议：