我正在用 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>. 另请参阅 ao如何使用本机 JavaScript 在 HTML DOM 事件上调用 JSF 托管 bean？
如果使用PrimeFaces，则可以使用链接到托管 bean 的隐藏输入字段，并且可以使用 javascript 初始化其值，对于 PrimeFaces，PF函数可用于访问链接到隐藏输入的小部件变量，以这种方式：
<script type="text/javascript">
function getVars() {
// ...
var x = locationInfo.lng;
var y = locationInfo.lat;
PF('wvx').jq.val( lat1 );
PF('wvy').jq.val( lng1 );
}
</script>
<p:inputText type="hidden" widgetVar="wvx" value="#{bean.x}" />
<p:inputText type="hidden" widgetVar="wvy" value="#{bean.y}" />
<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}" />
<script>
function getVars() {
var x;
var yt;
x=#{bean.x};
y=#{bean.y};
}
</script>