Ajax – How to correctly start/stop a PrimeFaces Ajax Poll from javascript

ajaxajax-pollingprimefaces

I want a little webapp for testing a connection to a server and returning a status message. After clicking a start button, I want to poll every 4 seconds and return a status text. But it will only return, if I click on the button, not automatically.
Here is my code:

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>

And my bean:

@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;
    }
}

Can anybody help me? cause I'm new to PF and Ajax. Thanks!

Best Solution

I see no-one is answering to your message. So let's try with my proposal.

If you are using a "recent version" of primefaces, well I see there are mistakes in the call to the poll.

I am using PrimeFaces 5.1 and if you want to interact via javascript with your poll the solution is:

PF('poll').start();

and

PF('poll').stop();

I would like also to sugget to avoid in listening the key event on the form but use jQuery to register an event-listener on the form or on the page and than stop the polling in the call-back function thay uses (give a look here).

If you find a problem in updating your result, please try to update a different structure

<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" />

Hope this will help! Good luck

Davide