<div dir="ltr"><div>Hi Cyril,<br></div><div><br></div><div>For seaside expiration I do not hook on EACH ajax call but with a global handler:</div><div><div><br></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>html document addLoadScript: (html jQuery document</div><div> onAjaxError: (self ajaxErrorHandler asFunction: #('event' 'jqxhr' 'settings' 'exception'))).</div></div><div><br></div><div><br></div><div>Note that this handler will take care of seaside expiration as well as errors in either rendering phase or callback phase from ajax calls. </div><div><br></div><div><br></div><div><div>ajaxErrorHandler</div><div> " If the ajax callback error was timeout...then we alert the user and forward to login again. If it was an ajax error callback, then we display a modal showing all the available error information. See #renderSupportForAjaxErrorHandlerOn: for more details.</div><div>Also... note that in DpQuuveProductionWalkbackErrorHandler >> open: (our custom Seaside error handler for GemStone), when there is an AJAX error, in the response object we write a JSON serialized dictionary with all the error information (see #respondFromAjaxRequestWith:continuation:). Therefore, what we must do here is to read the response (will be JSON), parse that, and get the useful information. Finally, refresh the </div><div>'ajaxErrorDialog' with the error info we got and finally show the dialog.</div><div>"</div><div><br></div><div> ^ ' if (jqxhr.status == 403) {</div><div> alert("For security reasons we sign people out during periods of inactivity. Please sign in again.");</div><div> window.location.href = settings.url.split("?")[0].replace("help","");</div><div> } else {</div><div><br></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>// This is on purpose because sometimes with TinyMCE we would get status 0 and empty error...when there was no error</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>// The reason is explained in: <a href="http://bartwullems.blogspot.com.ar/2012/02/ajax-request-returns-status-0.html">http://bartwullems.blogspot.com.ar/2012/02/ajax-request-returns-status-0.html</a></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>if (jqxhr.readyState == 0 || jqxhr.status == 0) { </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> return; //Skip this error </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> };</div><div><br></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>// Lets write to console all error info possbile</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> var requestResponse = {</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> url: settings.url,</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> method: settings.type,</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> data: settings.data,</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> httpStatus: jqxhr.status,</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> error: exception || jqxhr.statusText,</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> data: settings.data</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> };</div><div><br></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>responseText = jqxhr.responseText;</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>responseText.replace(/[\\"'']/g, ''\\$&'').replace(/\u0000/g, ''\\0''); </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>jsonValue = jQuery.parseJSON(responseText);</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>console.error(jsonValue);</div><div><br></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.errorTitle'').html(''<span style="color:#4F2817;">''+jsonValue.errorTitle+''</span>''); </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.exceptionDescription'').html(''<span style="color:#4F2817;">''+jsonValue.exceptionDescription+''</span>''); </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.dateAndTime'').html(''<span style="color:#4F2817;">''+jsonValue.dateAndTime+''</span>''); </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.continuationOop'').html(''<span style="color:#4F2817;">''+jsonValue.continuationOop+''</span>''); </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.packagesVersions'').html(''<span style="color:#4F2817;">''+jsonValue.packagesVersions+''</span>''); </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.sitePrefix'').html(''<span style="color:#4F2817;">''+jsonValue.sitePrefix+''</span>''); </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.user'').html(''<span style="color:#4F2817;">''+jsonValue.user+''</span>''); <span class="gmail-Apple-tab-span" style="white-space:pre"> </span></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.gemPid'').html(''<span style="color:#4F2817;">''+jsonValue.gemPid+''</span>''); <span class="gmail-Apple-tab-span" style="white-space:pre"> </span></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').find(''.gemSessionID'').html(''<span style="color:#4F2817;">''+jsonValue.gemSessionID+''</span>''); </div><div><br></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>$(''#ajaxErrorDialog'').modal(''show'');</div><div><br></div><div> }'</div></div><div><br></div><div><br></div><div><br></div><div>And then, I also render my "ajaxErrorDialog" which is the component/dialog rendered when there is an ajax error:</div><div><br></div><div><br></div><div><div>renderSupportForAjaxErrorHandlerOn: html</div><div> html tbsModal</div><div> id: 'ajaxErrorDialog';</div><div> with: [ </div><div> html</div><div> tbsModalDialog: [ </div><div> html</div><div> tbsModalContent: [ </div><div> html</div><div> tbsModalHeader: [ </div><div> html tbsModalTitle</div><div> level: 4;</div><div> with: [ </div><div> html tbsAlert beDanger</div><div> with: [ </div><div> html tbsGlyphIcon iconTime.</div><div> html space.</div><div> html text: 'Unexpected Error!'.</div><div> html span</div><div> style: 'text-color: white';</div><div> with: [ html tbsModalCloseIcon ] ] ] ].</div><div> html</div><div> tbsModalBody: [ </div><div> "This is a template div that is filled/replaced with the real text from DpQuuve >> ajaxErrorHandler"</div><div> html</div><div> text:</div><div> 'The operation you tried failed because of an unexpected error. You may want to either try again, sign out and sign in and try again, or contact us about the error. However, note that other aspects of the program should continue to work normally.'.</div><div> html</div><div> break;</div><div> break.</div><div> html div</div><div> with: [ </div><div> html text: 'Error description: '.</div><div> html span class: 'exceptionDescription' ].</div><div> html break.</div><div> html div</div><div> with: [ </div><div> html text: 'Error ID: '.</div><div> html span class: 'continuationOop' ].</div><div> html break.</div><div> html div</div><div> with: [ </div><div> html text: 'Generated at: '.</div><div> html span class: 'dateAndTime' ].</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>html break.</div><div> html div</div><div> with: [ </div><div> html text: 'By user: '.</div><div> html span class: 'user' ].</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> html break.</div><div> html div</div><div> with: [ </div><div> html text: 'Site url: '.</div><div> html span class: 'sitePrefix' ].</div><div> html break.</div><div> html div</div><div> with: [ </div><div> html text: 'Packages: '.</div><div> html span class: 'packagesVersions' ].</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>html break.</div><div> html div</div><div> with: [ </div><div> html text: 'Gem PID: '.</div><div> html span class: 'gemPid' ].</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>html break.</div><div> html div</div><div> with: [ </div><div> html text: 'Gem Session ID: '.</div><div> html span class: 'gemSessionID' ].</div><div> </div><div> ]<span class="gmail-Apple-tab-span" style="white-space:pre"> </span>"html tbsModalFooter: [ </div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>html tbsButton: 'Close'.</div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span>html tbsButton bePrimary; with: 'Save changes' <span class="gmail-Apple-tab-span" style="white-space:pre"> </span></div><div><span class="gmail-Apple-tab-span" style="white-space:pre"> </span> ]" ] ] ]</div></div><div><br></div><div><br></div><div>Hope this helps. Let me know if it is clear. If it is not yet, I can do (and I should do!) a blog post explaining better. </div><div><br></div><div>Cheers,</div><div><br></div><div><br></div><div class="gmail_extra"><br><div class="gmail_quote">On Sat, Sep 24, 2016 at 8:15 AM, Cyril Ferlicot D. <span dir="ltr"><<a href="mailto:cyril.ferlicot@gmail.com" target="_blank">cyril.ferlicot@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><span class="gmail-">Le 24/09/2016 à 08:48, Johan Brichau a écrit :<br>
> Hi Mariano,<br>
><br>
> First button does a single ajax call and responds a js script.<br>
> Second button does two ajax calls, first one without a response content, second one with a html response content.<br>
><br>
> Both achieve the same end result but the second one requires two request-response cycles to your server.<br>
> The second one will thus achieve the end result slower than the first one.<br>
><br>
> We typically also try to optimize as much as possible into single ajax requests.<br>
><br>
> Mind that you _can_ combine a single primary and multiple secondary callback blocks into a single ajax call.<br>
> A primary callback is a callback that responds a content to the client (#script:, #html:, #json:, #text, ….)<br>
> A secondary callback is a callback that does not respond content (#callback:value:, #callback:passengers:, #callback:json: , …)<br>
> There is an exception to this rule, #callback: is implemented in the Seaside jQuery binding as a primary callback, even if it does not return any content.<br>
><br>
> Although for this example, I would actually write it as follows, because the #callback: block is a primary callback.<br>
><br>
> html button<br>
> bePush;<br>
> onClick: (html jQuery id: ‘myDivId’ load html: [:r | | … do some other stuff …. then ... self renderMyDivOn: r. ] )<br>
> value: ‘Test’<br>
><br>
<br>
</span>Hi!<br>
<br>
With this example how is manage the case where the session expire?<br>
In general I do:<br>
<span class="gmail-"><br>
onClick: (html jQuery ajax<br>
callback: [ ];<br>
onSuccess: ( (html jQuery id: 'myDivId') load html: [ :r | self<br>
</span>renderMyDivOn: r. ]);<br>
onError: 'location.reload();' "probably session expiration");<br>
<span class="gmail-im gmail-HOEnZb"><br></span></blockquote><div><br></div><div><br></div><div><br></div><div><br></div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><span class="gmail-im gmail-HOEnZb">
> Now, it also depends of the ‘myDivId’ is known when rendering the button or not, but in this simple example this would yield the same result ;)<br>
><br>
> cheers<br>
> Johan<br>
><br>
><br>
</span><div class="gmail-HOEnZb"><div class="gmail-h5">> ______________________________<wbr>_________________<br>
> seaside mailing list<br>
> <a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.<wbr>squeakfoundation.org</a><br>
> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="noreferrer" target="_blank">http://lists.squeakfoundation.<wbr>org/cgi-bin/mailman/listinfo/<wbr>seaside</a><br>
><br>
<br>
<br>
</div></div><span class="gmail-HOEnZb"><font color="#888888">--<br>
Cyril Ferlicot<br>
<br>
<a href="http://www.synectique.eu" rel="noreferrer" target="_blank">http://www.synectique.eu</a><br>
<br>
2 rue Jacques Prévert 01,<br>
59650 Villeneuve d'ascq France<br>
<br>
</font></span><br>______________________________<wbr>_________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.<wbr>squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="noreferrer" target="_blank">http://lists.squeakfoundation.<wbr>org/cgi-bin/mailman/listinfo/<wbr>seaside</a><br>
<br></blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="gmail_signature">Mariano<br><a href="http://marianopeck.wordpress.com" target="_blank">http://marianopeck.wordpress.com</a><br></div>
</div></div>