Matt-Lepley
Matt-Lepley

Reputation: 71

Redirect Inside AJAX Callback

In my application I am calling an AJAX request and after that request happens I would like to redirect to a different path. The issue I'm having is I don't exactly know how to do this. I was told been hinted to that I could "render json and respond to it inside the callback of the ajax request.", but I have been trying for quite a while and don't quite get it.

AJAX:

    $.ajax({
      url: sub_url,
      type: 'POST',
      data: form_data
    }).success(function(){
      //stuff
    }).fail(function(){
      //stuff
    });

Update action:

def update    
  current_submission.update_attributes(secret_params)    

  render :json => { :message => "Success!" }
end

My AJAX request and render json all work fine, I'm lost on how to redirect though. Simply putting redirect_to in the update method does nothing. The only solution I have found so far is this:

respond_to do |format|
  format.js { render js: "window.location.href = '#{mypath_path}'" }
end

which I was told was bad practice and I assumed so when I found the code.

A little push in the right direction would be great, I am still not fully aware of how/when/what order the AJAX request and the rails action fire.

Upvotes: 1

Views: 1133

Answers (1)

dana
dana

Reputation: 18105

Return info about the path that you wish to redirect to in the JSON response:

def update    
  current_submission.update_attributes(secret_params)    

  render :json => { :new_path => "#new_path" }
end

Then use location.replace() within the success function to update the browser url:

$.ajax({
  url: sub_url,
  type: 'POST',
  data: form_data
}).success(function(d){
  // update location on success
  location.replace(d.new_path);
}).fail(function(){
  //stuff
});

Upvotes: 2

Related Questions