Index page not rendering but downloads csv - ruby-on-rails

Question

I am working on a rails app which reads the JSON data then creates a CSV from that data. The issue I am facing is the CSV download works perfectly fine but the index page doesn't show.
When I go to localhost:3000 the CSV is downloaded but index.html.erb page is not rendered. Please help me find the issue where I am going wrong.
controller.rb
def index
csv_data = CSV.generate do |csv|
file = JSON.parse(File.open("app/assets/javascripts/data.json").read)
#data = file
new_file = #data.sort_by!{ |m| m["name"] }
new_file.each do |hash|
hash['name'] = (hash.values[2])
hash['city'] = (hash.values[3])
end
end
send_data csv_data, type: :csv
end
routes.rb
root :to => "name#index"
index.html.erb
<h1 align="center">File is downloaded</h1>
if I add the code below in the controller index action then the html is rendered but the download csv stops working.
respond_to do |format|
format.html
format.csv { send_data csv_data, type: :csv }
end

Answer 1

You need to add html format as respond format:
def index
csv_data = ..
respond_to do |format|
format.html
format.csv { send_data csv_data }
end
end

Answer 2

1/ Extract your CSV logic in a private method:
def download_csv
csv_data = CSV.generate do |csv|
file = JSON.parse(File.open("app/assets/javascripts/data.json").read)
#data = file
new_file = #data.sort_by!{ |m| m["name"] }
new_file.each do |hash|
hash['name'] = (hash.values[2])
hash['city'] = (hash.values[3])
end
end
send_data csv_data, type: :csv
end
2/ Call your private method inside before_action:
before_action :download_csv, only: :index
3/ Update your route to set html by default (maybe not necessary):
root :to => "name#index", defaults: { format: 'html' }
Basically calling send_file/send_data from a before action will not halt the request cycle, because it doesn't use render or redirect_to.
I hope it helps.
__Edited answer__
Actually I guess is not a regular comportement to render multiple routes for one action. And I think you should find another way to achieve this. I recommend you the following code (from my first solution):
1/ Add a specific route to download
get '/name/download_csv', to: "name#download_csv"
2/ Add some Jquery in your view
<script>
$(document).ready(function() {
window.location.href = 'name/download_csv.csv';
})
</script>
3/ Remove the private reserved word from your controller
In this way each time you go to your index view you are going to call your download action throughout Jquery.
It's not really "rails way" but it should works.
Let me know if it works.