StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POajax:success and ajax:complete callback doesn't work when using UJS in Rails
text
Body
copied!<p>I have a link that when i click on it will trigger an ajax call then replace this link by another link, says for example the original link is "add friend", when i click this link it will send an ajax request to add_friend action then if the friend is added the link above will be replaced by another link "cancel request", i use ujs for that :</p> <pre><code>$("#link_for_friend").html("<%= escape_javascript(render('users/cancel_link')) %>") </code></pre> <p>when i try to add callback (:success and :complete) it doesn't works, i tried with :beforeSend like the following it works :</p> <pre><code>$(document).ready -> $("#my_link").on "ajax:beforeSend", -> alert("hello") </code></pre> <p>there is a solution for success and complete callback ?</p> <p>note : my idea is to show an loader.gif when ajaxStart is triggered then hide it when ajax:complete callback is triggered at least , also if there is some error i want to show it when ajax:error is triggered</p> <p><strong>Update</strong></p> <p>I tried to solve this by moving the code inside action.js.erb to js file like this :</p> <pre><code> $(document).ready -> $(document).on("ajax:success", "a.invitation-box", -> $("#link_for_friend").html("<%= escape_javascript(render('users/cancel_link')) %>") ).on "ajax:error", "a.invitation-box", -> alert "error" </code></pre> <p>but this way its not possible to put render('users/cancel_link') inside a JS file</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload