如何更新页面中显示的值而不刷新

我在JSF页面中有这3个字段

而且我还有一个具有以下属性的支持bean：

 @ManagedBean @RequestScoped public class NewOfferSupportController { private String val1; private String val2; private String result; //Get set methods... } 

我希望outputText元素在字段val1和val2中插入某些值时自动更改其值，而不刷新页面。 结果变量应该以这种方式计算（它计算一个百分比）:( val1 * val2）/ 100

你能帮我解决一些疑惑吗？：

我知道，为了做到这一点，我需要像javascript或AJAX这样的东西。您认为应该是最好的方法吗？

我很想知道如何用AJAX做到这一点，你能给我一些提示吗？

由于我需要字段为String类型，我的validation将如何实现？

我可以避免在字段中输入不是数字的字符（如果按下的键不是数字，在输入字段中根本不显示）？

Answer 1

如果这是简单的计算，不需要服务器调用那么你应该使用客户端javascript解决方案

---

但是你喜欢在这里使用Ajax来实现它…

您可以使用和render属性来使用AJAX实现此function。

---

 @ManagedBean(name = "managedBean") public class Bean { private String val1; // getter and setter private String val2; // getter and setter private String res; // getter and setter ... public void someThingToDoListener(AjaxBehaviorEvent event) { //res = some processing } } 

---

也可以看看

• JSF2：JSF中的Ajax – 使用f：ajax标记

Answer 2

如果您正在使用java，那么获取JQuery。 一旦您使用代码处理并获得了所需的结果，您就可以抓住要放入其中的dom元素并执行以下操作：

 $("#result").html(newData);