I am currently troubleshooting some code that was not written by me, and I am facing challenges in understanding why an Ajax return is not triggering a Callback. The following code is responsible for attaching behaviors to the ajax functions:
# Callback before AJAX request sends
cbBeforeSend = (jqXHR, settings) ->
console.log jqXHR
# initialize message/status elements
$flashIcon.attr 'class', 'icon icon-refresh icon-spin'
$flashError.html ''
$flashNotice.html ''
# Callback when AJAX returns with success
cbSuccess = (data, textStatus, jqXHR) ->
console.log 'success'
$flashIcon.attr 'class', 'icon icon-ok-sign'
window.globalLoadCallback()
# Callback when AJAX returns with error
cbError = (jqXHR, textStatus, errorThrown) ->
console.log 'error'
$flashIcon.attr 'class', 'icon icon-remove-circle'
if /text\/javascript/.test jqXHR.getResponseHeader('Content-Type')
eval jqXHR.responseText
# Callback when AJAX returns
cbComplete = (jqXHR, textStatus) ->
console.log 'cbComplete'
if $flashIcon.is('.icon-refresh')
$flashIcon.attr 'class', 'icon icon-warning-sign'
Our application includes two links to the Quoting/Quote path:
The new quote link works fine and triggers the 'success' and 'cbComplete' callbacks as shown above. Here is the code snippet for that link:
<li>
<%= link_to new_quoting_quote_path, remote:true do %>
<i class="icon icon-plus-sign"></i>
<span>New Quote</span>
<% end %>
</li>
The edit quote link navigates correctly to the appropriate partial and shows the object in the console, but doesn't trigger the 'success' and 'cbComplete' callbacks (nor does it show an error). Only the 'cbBeforeSend' callback is triggered because the classes on flashIcon remain as "icon icon-refresh icon-spin". There doesn't seem to be an issue with crm_connection since the link is rendered in the browser as "/quoting/quotes/183/edit", suggesting that the correct ID is being supplied. Here is the code for that link:
<%= client_management_tab 'Health', edit_quoting_quote_path(@crm_connection) %>
Unfortunately, I cannot provide more details as I did not write this code and my task is limited to fixing it. Thank you for any assistance you can offer.
I believe this segment of code is responsible for handling the requests:
$flashInfo = $('div.flash-info')
$flashIcon = $flashInfo.find('i#ajax-status')
$flashError = $flashInfo.find('#flash-error')
$flashNotice = $flashInfo.find('#flash-notice')
$(document).bind 'ajax:beforeSend', cbBeforeSendBound
$(document).bind 'ajax:success', cbSuccessBound
$(document).bind 'ajax:error', cbErrorBound
$(document).bind 'ajax:complete', cbCompleteBound
$.ajaxSetup(
beforeSend: cbBeforeSend
success: cbSuccess
error: cbError
complete: cbComplete
)