WebView callback from Javascript

Question

I tried to create a simple example of callback from Javascript to Java, based on the last example in WebEngine's javadoc (Calling back to Java from JavaScript). But when I click the link in the WebView, the Java method is not called and the page disappears.

public class TestOnClick extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        try {
            final WebView webView = new WebView();
            final WebEngine webEngine = webView.getEngine();

            Scene scene = new Scene(webView);

            stage.setScene(scene);
            stage.setWidth(1200);
            stage.setHeight(600);
            stage.show();

            String webPage = "<html>\n"
                    + "    <body>\n"
                    + "        <a href=\"\" onclick=\"app.onClick()\">Click here</a>\n"
                    + "    </body>\n"
                    + "</html>";

            System.out.println(webPage);

            webView.getEngine().loadContent(webPage);

            JSObject window = (JSObject) webEngine.executeScript("window");
            window.setMember("app", new JavaApp());
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    public static void main(String[] args) {
        launch(args);
    }

    public static class JavaApp {

        public void onClick() {
            System.out.println("Clicked");
        }
    }
}

Note: I don't see any exceptions being thrown in the WebView when monitoring the load worker with webView.getEngine().getLoadWorker().exceptionProperty().addListener(...).

Note for readers: Starting from 2.2.5 the bridge class (JavaApp in this case) must be declared public. — user3453226
– user3453226, Commented Nov 30, 2016 at 19:52

Sergei Grinev · Accepted Answer · 2013-01-27 01:15:47Z

7

You are trying to access webview DOM model before it was created.

Wrap your JavaApp related code to the page load listener to achieve your goal:

webEngine.getLoadWorker().stateProperty().addListener(new ChangeListener<Worker.State>() {
    @Override
    public void changed(ObservableValue<? extends State> ov, State t, State t1) {
        if (t1 == Worker.State.SUCCEEDED) {
            JSObject window = (JSObject) webEngine.executeScript("window");
            window.setMember("app", new JavaApp());
        }
    }
});

answered Jan 27, 2013 at 1:15

Sergei Grinev

34.6k10 gold badges133 silver badges141 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Maxim Over a year ago

This apporach introduces a race condition if loaded page needs to access some application API at startup, because page JavaScript is executed before RUNNING -> SUCCEEDED transition happens.

Sergei Grinev Over a year ago

to solve this classic problem of concurrent access you can use any standard approaches: e.g. wait in js till variable app is initialised.

Collectives™ on Stack Overflow

WebView callback from Javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related