如何将 JavaScript 值传递给 JSF EL 和支持 bean？

Question

我正在做 JSF 地理定位服务，我需要将纬度和经度传递给 bean 进行处理。 HTML5 允许使用 JavaScript 获取位置，例如在 http://code.google.com/p/geo-location-javascript/ 中完成的操作。 将以下代码放入 JSF 页面会显示带有 GPS 坐标的警报

<script>
    if (geo_position_js.init()) {
        geo_position_js.getCurrentPosition(success_callback,error_callback,{enableHighAccuracy:true,options:5000});
    } else {
        alert("Functionality not available");
    }
    function success_callback(p) {
        alert('lat='+p.coords.latitude.toFixed(2)+';lon='+p.coords.longitude.toFixed(2));
    }

    function error_callback(p) {
        alert('error='+p.message);
    }
</script>

如何使用p.coords.latitude.toFixed(2) 值将其传递给例如h:inputtext 组件？

Answer 1

您需要意识到 JSF 在 webserver 上运行并生成一堆 HTML/CSS/JS 代码，这些代码从 webserver 发送到 webbrowser，并且 webbrowser 只运行 HTML/CSS/JS。右键单击 webbrowser 中的页面并选择查看源代码。代替<h:inputText>，您会看到类似

<input type="text" id="formid:inputid" />

在 JS 中，您可以使用 document 函数轻松地从 HTML DOM 中获取 HTML 元素并对其进行修改。

var input = document.getElementById('formid:inputid');
input.value = 'new value';

另见：

• Communication between Java/JSP/JSF and JavaScript