我正在用 JavaScript 准备一些变量(在我的特定情况下，我想获取 GPS 位置):
function getVars() {
// ...
var x = locationInfo.lng;
var y = locationInfo.lat;
}
我想通过以下命令按钮将它们发送到我的托管 bean:
<h:commandButton value="submit" onclick="getVars()" action="#{bean.submit(x,y)}" />
public void submit(int x, int y) {
// ...
}
如何将 x 和 y 变量从 JavaScript 发送到 JSF 托管 bean 操作方法？
最佳答案
让 JS 将它们设置为相同形式的隐藏输入值。
<h:form id="formId">
<h:inputHidden id="x" value="#{bean.x}" />
<h:inputHidden id="y" value="#{bean.y}" />
<h:commandButton value="submit" onclick="getVars()" action="#{bean.submit}" />
</h:form>
function getVars() {
// ...
var x = locationInfo.lng;
var y = locationInfo.lat;
document.getElementById("formId:x").value = x;
document.getElementById("formId:y").value = y;
}
命令按钮操作方法可以按照通常的方式将它们作为 bean 属性访问。
private int x;
private int y;
public void submit() {
System.out.println("x: " + x);
System.out.println("y: " + y);
// ...
}
// Getters+setters.
另一种方法是使用 OmniFaces <o:commandScript> 或 PrimeFaces <p:remoteCommand> 而不是 <h:commandButton> .另见 a.o. How to invoke a JSF managed bean on a HTML DOM event using native JavaScript?
关于javascript - 如何将 JavaScript 变量作为参数传递给 JSF 操作方法？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28591301/