通过Rails上的javascript文件ruby渲染部分视图

Question

I have an index file which contains google map just (map through javascript) . when I search some place, it also pins its nearby on the map that's good now . But what I want is , when ever I click on marker on the map . It should show a div of place detail on the same page below the map . I made ajax assets/javascript/customer.js , pointing the URL at customer controller in controller/customers/index I get the whole page in response . that's we know is wrong . Here is my js file content

$.ajax({
  url: "/",
  async: false,
  method: "post",
  data: { "place_id" : place["place_id"] },
  success: function(data){
       alert('success');
     }
   });
   infoWindow.open(map, marker);
   buildIWContent(place);
});

And my controller function is

def index
  if params[:place_id]
    @place = Places.find(params['place_id'])
  end
end

And this is what I want to show in my index page ie html.erb

<% if @place %>
  <div class='place-name'><% @place.name %></div>
<% end %>

I know there are partials supported in rails but I don't know whether those will work or not . I'm new to Rails so pardon me if you find my question very silly. I just want to show this place-name div through ajax magic, whether through partials or just as it is.

Answer 1

To fix you problem, you have to revised some code here. First, you have to revised your ajax request method and url into:

$.ajax({
  url: "/customers",
  async: false,
  method: "GET",
  data: { "place_id" : place["place_id"] },
  success: function(data){
       alert('success');
     }
   });
   infoWindow.open(map, marker);
   buildIWContent(place);
});

It will show alert when you've done to access the customers index page. Then. In your index method, try to do this:

def index
  if params[:place_id]
    @place = Places.find(params['place_id'])
  end
  respond_to do |format|
    format.html
    format.js
  end
end

Then. You have to create new file index.js.erb contains

$('.place-name').text('<%= @place %>');

It's only prototype. You have to customize with your own way

Answer 2

If I understand your question correctly you want to render a Rails partial as the response to an AJAX call. If that's the case, then that's the wrong way to think about it.

Rails is just a web server. It returns text payloads that can be JSON, XML, or HTML (among other things). A partial or ERB template is just an abstraction for that generated JSON or HTML.

When you load the page, Rails compiles the ERB (and partials, layouts, etc) into an HTML payload and returns that. So if you were to make an AJAX request to an endpoint, you'd get all of the HTML (including layouts). You could do something like render layout: false to not render the layout, but then you need a conditional or a separate endpoint to know when to render the layout and when not to.

In general the community seems to be moving away from this for AJAX requests preferring client-side templating from JSON server responses, but you can still do it by adding layout: false (or whatever layout you want)