{"id":7589,"date":"2012-09-16T12:33:16","date_gmt":"2012-09-16T07:03:16","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=7589"},"modified":"2012-09-16T12:33:16","modified_gmt":"2012-09-16T07:03:16","slug":"implement-ajax-call-in-grails-web-flow","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/implement-ajax-call-in-grails-web-flow\/","title":{"rendered":"Implement Ajax call in Grails web-flow"},"content":{"rendered":"

In one of my recent project, i want to use grails web-flow with ajax call. It’s very easy to implement the web-flow with ajax call. Grails web-flow always track the actions on the basis of eventId<\/strong> & flow execution key<\/strong>. So, to implement ajax call in web-flow, we have to pass the event id & flow execution key.<\/p>\n

\n

1. Let us assume, we have the following web- flow code in grails.<\/p>\n

[groovy]
\ndef stepFlow ={
\nfirst{
\naction{
\ncode…..
\n}on ("success"){code…}.to("second")
\n}
\nsecond{
\non("third"){
\n}.to("fourth")
\n}
\nfourth();
\n}
\n[\/groovy]<\/p>\n

In this case, step<\/strong> is web flow name, for each call we have to pass step<\/strong> as\u00a0request uri<\/strong> . First, second and third are events, events are always tracked through flow execution key<\/p>\n

\n

2. We want to call the event third<\/strong> through ajax call. For this we have to write the following code in ajax.<\/p>\n

[javascript]
\nfunction callAjaxFunctionInWebFlow(eventType,flowExecutionKey){<\/p>\n

$.ajax({
\nurl:"project-name\/step",
\ntype:’POST’,
\ndata:’_eventId=’ + eventType + ‘&execution=’ + flowExecutionKey,
\nsuccess:function (result) {<\/p>\n

},
\nerror:function (jqXHR, textStatus, errorThrown) {
\n}
\n})
\n}
\n[\/javascript]<\/p>\n

\n

3. To call this function from GSP we have to write the following code.<\/p>\n

[html]
\n<a href=’javascript:void(0)’ onclick="callAjaxFunctionInWebFlow(‘third’,’${request.flowExecutionKey}’)">Click<\/a>
\n[\/html]<\/p>\n

In this function callAjaxFunctionInWebFlow(‘third’,’${request.flowExecutionKey}’) <\/strong>third<\/strong> is eventId<\/strong> that we want to call, request.flowExecutionKey<\/strong> gives the current execution key that need to pass through each ajax call.<\/p>\n

\n

Hope it will help.<\/p>\n

\n

Thanks & Regards,<\/p>\n

Mohit Garg<\/p>\n

mohit@intelligrape.com<\/p>\n

@gargmohit143<\/p>\n","protected":false},"excerpt":{"rendered":"

In one of my recent project, i want to use grails web-flow with ajax call. It’s very easy to implement the web-flow with ajax call. Grails web-flow always track the actions on the basis of eventId & flow execution key. So, to implement ajax call in web-flow, we have to pass the event id & […]<\/p>\n","protected":false},"author":47,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":7},"categories":[7],"tags":[96,4840,9,27,971],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/7589"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=7589"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/7589\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=7589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=7589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=7589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}