JavaFX 2.2在javascript和webview中进行双向通信

时间:2012-11-02 11:28:02

标签: javascript html webview javafx-2

我正在研究JavaFX 2.2,我正在使用webview将html代码集成到JavaFX场景中,并且能够正确加载html。我正在关注this链接,并试图将一些对象从javascript传递给webview / controller,但我在java端获取空值。

我在JSObject中保存了一个接口对象,如下所示

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

我创建了一个类

public class JavaApp {

        public void exit() {
           Platform.exit();
        }
        public void print(Date date) {
            System.out.println("Parm:"+date);
         }
        public Date getValue() {
            return new Date();
         }
    }

我的HTML是

<html lang="en">
<head>
    <script type="text/javascript">
        function callJava(){
            app.print(new Date());
            var val = app.getValue();
            app.print(val);
        }
    </script>
</head>
<body>
<p>Help</p>    
<p><a href="about:blank" onclick="callJava();">Exit the Application</a></p>    
</body>
</html>

在上面的代码中,我总是在JavaApp.print()方法中打印出空值。有趣的是,当我在print方法中将参数从Date更改为String并从javascript传递字符串时,我得到了正确的值。

在这种情况下如何传输对象尤其是Date对象。任何帮助都很受欢迎

1 个答案:

答案 0 :(得分:5)

Java 不知道 javascript Date类。

2.3 Data Type Conversions

您可以将 javascript 对象传递给 Java ,(您必须将其包装在JSObject中),但您只能直接获取以下参数:

  • 数字
  • 布尔
  • 字符串
  • 阵列
  • 您之前放入javascript的同一个对象。

我的解决方案:

public class JavaApp {

    public void exit() {
       Platform.exit();
    }
    //public void print(Date date) {
    //    System.out.println("Parm:"+date);
    // }
    public void print(long date) {
        System.out.println("Parm:"+new Date(date));
     }
    public Date getValue() {
        return new Date();
     }
}

<html lang="en">
<head>
    <script type="text/javascript">
        function callJava(){
            // app.print(new Date());
            app.print(new Date().getTime());
            var val = app.getValue();
            app.print(val);
        }
    </script>
</head>
<body>
<p>Help</p>    
<p><a href="about:blank" onclick="callJava();">Exit the Application</a></p>    
</body>
</html>