如何从javascript正确启动/停止PrimeFaces Ajax投票

Sto*_*orm 1 ajax ajax-polling primefaces

我想要一个用于测试与服务器的连接并返回状态消息的webapp。单击开始按钮后,我想每4秒轮询一次并返回一个状态文本。但是,如果我单击按钮,它将仅自动返回,而不会返回。这是我的代码:

index.xhtml:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>
    <h:body>
    <h1>My App</h1>
        <h:form onkeypress="poll.stop()">
            Server URL: <h:inputText id="name" value="#{helloBean.name}"></h:inputText>
            <p:commandButton value="Start Watching!" onclick="poll.start()" />

            <pre><h:outputText id="output" value="#{helloBean.playground}" /></pre>
            <p:poll interval="4" listener="#{helloBean.getPlayground}" update="output" widgetVar="poll" autoStart="false" />
        </h:form>
</h:body>
</html>
Run Code Online (Sandbox Code Playgroud)

还有我的豆子:

@ManagedBean
@SessionScoped
public class HelloBean implements Serializable {
        public String getPlayground(){
        if(name.length() < 3){
            return "";
        }
        DateFormat dateFormat = new SimpleDateFormat("dd-MMM-yyyy hh:mm:ss");
        Date date = new Date();
        String date1 = dateFormat.format(date);
        int code = 0;
        String urldns = null;
        try{
        URL url = new URL(name);
        HttpURLConnection connection = (HttpURLConnection)url.openConnection();
        connection.setRequestMethod("GET");
        connection.connect();
        code = connection.getResponseCode();
        urldns = connection.getURL().toString();
        connection.disconnect();
        }
        catch(Exception ex){
            name2.add(date1+" Uhr : "+name+" -> nicht erreichbar!");
        }

        if(code==200){
            if(urldns.contains("dnserror")){
                name2.add(date1+" Uhr : "+name+" -> nicht erreichbar!");
            }
            else{
                name2.add(date1+" Uhr : "+name+" ->  erreichbar ");
            }
        }
        startString = name+" wird überwacht. Taste drücken um abzubrechen...\n";
        String result = String.join("\n", name2);
        return startString+result;
    }
}
Run Code Online (Sandbox Code Playgroud)

有谁能够帮助我?因为我是PF和Ajax的新手。谢谢!

小智 7

我看到没有人在回答您的消息。因此,让我们尝试一下我的建议。

如果您使用的是“最新版本”的首字母缩写,那么我知道在投票中存在错误。

我正在使用PrimeFaces 5.1,如果您想通过javascript与民意测验进行交互,则解决方案是:

PF('poll').start();
Run Code Online (Sandbox Code Playgroud)

PF('poll').stop();
Run Code Online (Sandbox Code Playgroud)

我还建议避免在窗体上侦听键事件,而是使用jQuery在窗体或页面上注册事件侦听器,然后停止在使用的回调函数中停止轮询(请看此处)。

如果在更新结果时发现问题,请尝试更新其他结构

<pre>
  <p:outputPanel id="output">
    <h:outputText value="#{helloBean.playground}" />
  </p:outputPanel>
</pre>
<p:poll interval="4" listener="#{helloBean.getPlayground}" 
        update="output" widgetVar="poll" autoStart="false" />
Run Code Online (Sandbox Code Playgroud)

希望这会有所帮助!祝好运

戴维德