已实现JS调用Wicket 6 Java代码，如何获取Java端返回值？

其实Wicket 6的Ajax调用是异步的，没法像普通同步函数那样让Java直接return值给JS，但咱们可以换个思路：在Java处理完业务逻辑后，主动向前端发送一段JavaScript代码，把要返回的数据传递给预先定义好的前端回调函数，这样就能实现数据从Java到JS的传递啦。下面给你具体的实现步骤和示例：

1. 先写一个自定义的Ajax行为类 #

咱们先定义一个继承自AbstractDefaultAjaxBehavior的类，这个类负责处理Java端的逻辑，然后把数据通过AjaxRequestTarget传给前端：

public class DataReturningBehavior extends AbstractDefaultAjaxBehavior {
    @Override
    protected void respond(AjaxRequestTarget target) {
        // 这里写你的Java业务逻辑，生成要返回的数据
        String demoData = "嘿，这是从Wicket Java端传回来的数据！";
        // 如果是复杂数据（比如对象、列表），可以用Gson/Jackson转成JSON字符串
        // String jsonData = new Gson().toJson(new YourCustomDataObject());

        // 构造要执行的JS代码，调用前端的回调函数并传入数据
        String jsCallbackCode = String.format("window.handleWicketData('%s');", demoData);
        target.appendJavaScript(jsCallbackCode);
    }

    // 生成供前端JS调用的触发脚本
    public String getInvokeScript() {
        return getCallbackFunction().toString();
    }
}

2. 在Wicket页面里注册这个行为并暴露JS入口 #

接下来在你的Wicket页面（或组件）里添加这个行为，同时在页面头部注册可以让前端调用的JS函数和处理返回数据的回调：

public class YourWicketPage extends WebPage {
    public YourWicketPage() {
        DataReturningBehavior dataBehavior = new DataReturningBehavior();
        add(dataBehavior);

        // 往页面头部添加JS代码，定义调用入口和回调处理
        add(new HeaderContributor() {
            @Override
            public void renderHead(IHeaderResponse response) {
                super.renderHead(response);
                response.renderJavaScript(
                    // 定义前端调用Java的函数
                    "function callWicketJavaLogic() {" +
                        dataBehavior.getInvokeScript() +
                    "}" +
                    // 定义处理Java返回数据的回调函数
                    "function handleWicketData(receivedData) {" +
                        "console.log('收到Java端的数据：', receivedData);" +
                        // 这里可以写你自己的逻辑，比如更新页面内容
                        "document.getElementById('resultContainer').innerText = receivedData;" +
                    "}",
                    "WicketDataExchangeScript"
                );
            }
        });

        // 也可以加个按钮触发调用（可选，也可以直接在JS里调用）
        add(new AjaxButton("triggerButton") {
            @Override
            protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
                dataBehavior.respond(target);
            }
        });
    }
}

3. 前端JS调用示例 #

现在你可以在前端随便什么时候调用callWicketJavaLogic()函数，Java端处理完后，会自动触发handleWicketData函数，你就能拿到返回的数据了：

// 比如给某个按钮绑定点击事件
document.querySelector('#yourCustomButton').addEventListener('click', function() {
    callWicketJavaLogic();
});

一些额外提示 #

• 如果要传递复杂数据，一定要用JSON格式，Java端把对象转成JSON字符串，前端拿到后用JSON.parse()解析就行，这样处理对象、数组都很方便。
• Wicket 6里的Ajax是异步的，所以别想着同步return值，必须用回调函数来处理返回结果，这是Ajax的特性决定的。
• 如果只是要更新页面组件，也可以用AjaxRequestTarget.add(Component)方法直接刷新组件，但如果是要让JS拿到数据做自定义逻辑，上面的方法更灵活。

内容的提问来源于stack exchange，提问作者Torben