Grails WebFlow 与 Ajax

Question

我正在尝试使用 Ajax 请求转换到 WebFlow 的下一个状态。但它保持在相同的状态并返回 GSP 作为该状态的响应，而我期待下一个状态的 GSP。

以下是 WebFlow 代码：

def gettingStartedAjaxFlow = {      
        flow1 {
            on("next") {                
                println "flow1"
            }.to("flow2")
            on("skip").to("flow2")
        }

        flow2 {
            on("next") {
                println "flow2"
            }.to("flow3")
            on("skip").to("flow3")
        }

        flow3 {         
            on("next"){             
                println "flow3"
            }.to("finish")
            on("skip").to("finish")

            finish {
                redirect(action:"index")
            }
        }
}

以下是我为状态转换所做的 Ajax 调用：

$.ajax({
            type: "POST",
            url: "/UN/user/gettingStartedAjax",
            success: function(data) {
                $("#wizardDiv").html(data);
            }
});

每个状态（flow1、flow2、flow3）的 GSP 都包含一个代码片段，其中包含 remoteForm & 。需要 next 并跳过提交按钮以转换到下一个状态，并因此更新“wizardDiv”div。以下是 flow1 状态的 GSP 片段：

<g:formRemote name="flow1Form" url="[controller:'user', action:'gettingStartedAjax']" update="wizardDiv">
    <p>You are in flow 1</p>
    <g:submitButton name="next" value="Next Flow" />
    <g:submitButton name="skip" value="Skip Flow" />    
</g:formRemote>

Answer 1

我陷入了同样的问题，几乎想通了，

你需要做的是发回 Grails webflow“_flowExecutionKey”
当前状态的跟踪，

我相信您已经看到这个，这是 Google 找到的唯一不错的结果。

我向操作发送 ajax 请求，该操作填充模板并将其发回
带有输入标签，

 <input id="flowExecutionKey" name="_flowExecutionKey" value="${request.flowExecutionKey}" size="100"/>

但是您可以尝试发送一个像 JSON 一样标记为“_flowExecutionKey”的寺庙以及您想要发回的数据，

这是我的两分钱

Answer 2

除了跟踪执行情况（如 Daxon 发布的那样），您还需要确保按钮名为 _eventId_next 和 _eventId_skip。 g:submitbutton 通常足够聪明，可以为您执行此操作，但它可能不在 RemoteForm 内部。

另外，我的 Web 流代码使用参数执行，而不是 flowExecutionKey - 您使用的是哪个版本的 Grails？

Answer 3

这是一个在 grails 2.5.3 中至少适用于一个操作的解决方案。按钮的 id 和名称会自动修改为包含“eventId”作为前缀，但这对我来说仍然不起作用，除非我手动添加 _event_id 作为输入参数。但是，我不确定这如何适用于多个可能的事件。

<g:formRemote name="flow1Form" url="[controller:'user', action:'gettingStartedAjax']" update="wizardDiv">

<input type="hidden" id="execution" name="execution" value="${request.flowExecutionKey}"/>
<input type="hidden" id="_eventId" name="_eventId" value="next"/>

<fieldset class="form">
</fieldset>

<fieldset class="buttons">
    <g:submitButton name="next" value="Next flow"/>
</fieldset>

</g:formRemote>