gpt4 book ai didi

javascript - 如何使用 JSF 和 openfaces 定期刷新部分页面

转载 作者:行者123 更新时间:2023-12-02 20:26:42 25 4
gpt4 key购买 nike

应用程序是在移动设备浏览器的屏幕上显示设备到 GPS 坐标的距离。

HTML5允许从移动设备获取坐标,但这些需要定期发送到服务器,计算到目标的距离并将结果显示在网页上?

如何强制 JSF 和 OpenFaces 页面定期发布 h:inputHidden 值并使用 ajax 渲染 h:outputText? Primefaces 有 p:poll 组件用于此目的。

    <h:form id="coords">
<h:inputHidden id="latitude" value="setByJavascript"></h:inputHidden>
<h:inputHidden id="longitude" value="setByJavascript"></h:inputHidden>
</h:form>
<h:outputText id="distance" value="#{bean.distance}"></h:outputText>

最佳答案

您可以使用 OpenFaces 客户端 API 从 setInterval() 函数内部调用 Ajax(O$.ajax.request() 函数)请求,如下所示:

<body onload="setInterval(function() {
O$.ajax.request(null, null, {
execute: 'coords:latitude coords:longitude',
render: 'distance'});
}, 10000)">
<h:form id="coords">
...

此代码可能需要一些调整,但它显示了如何完成此操作的总体思路。

关于javascript - 如何使用 JSF 和 openfaces 定期刷新部分页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4740076/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com