Ajax - the Rails way!

Rails
1

I find the Rails online documentation at
“Action View Form Helpers — Ruby on Rails Guides”
difficult to follow, due to the way the information is organized. For
example, I wanted to look for Ajax, so I looked under “View”. But,
because the material is organized in the MVC format, I can always see
half of the solution, and not an entire one. I don’t know if anyone
experienced the same thing.

Back to Ajax, under View, I can see how the form is formed. But, what
is missing is what happened after the form is submitted. Ajax is about
interacting between client side and server side. I realized that I had
to look under “Controller” for the other half of the solution,
especially how Rails renders the result before going back to the client
side. Long story short, here I have a simple form:

<% form_tag({:controller => “main”, :action => “contact”}, :remote =>
true, :update => “result”) do %>
Name:
<%= text_field_tag(:name, :“”, :id => “name”) %>


Message:
<%= text_area_tag(:message, :“”, :id => “message”)
%>

<%= submit_tag “Send” %>
<% end %>

First problem, my form now disappeared. It appeared when it was

<%= form_tag(“/main/contact”, :method => “post”, :id => “contactForm”)
do %>

What’s wrong with the above code ?

Actually, what I really wanted to ask is more on the server side for
this code to work:

def contact
…
end

Anyway, one problem at a time. Thanks so much.

2

2013/5/30 Tommy Ng [email protected]

<% form_tag({:controller => “main”, :action => “contact”}, :remote =>

There should be an equal sign (=) just after the percent to tell erb,
that
it should output something

true, :update => “result”) do %>
Name:
<%= text_field_tag(:name, :“”, :id => “name”) %>


Message:
<%= text_area_tag(:message, :“”, :id => “message”)
%>

<%= submit_tag “Send” %>
<% end %>

First problem, my form now disappeared. It appeared when it was

<%= form_tag(“/main/contact”, :method => “post”, :id => “contactForm”)

do %>

Here you have that equal sign, so erb knows to output the formtag, in
the
line without it, the returnvalue of form_tag is just ommited.

Also there are some nice railscasts about Ajax and a blogpost wich
kickstarted me a few weeks ago:
http://www.alfajango.com/blog/rails-3-remote-links-and-forms/

3

Thanks Norbert! I read the document you recommended:

http://www.alfajango.com/blog/rails-3-remote-links-and-forms/

I found it pretty good. However, there are a few things I’m not clear.
Under the “Putting it all together” section, the author said “enough
explanation, let’s create a remote form that loads some content into the
page,…” but there was not any form at all. Down below, I saw the
“View” section which is totally empty. Then I saw the “Controller”
section which talked about view, namely the “_show.html.erb”. I’m very
confused! I think the Comment example that the author tried to present
is pretty good. But it would have been better if he would begin with a
form, then the rails.js, along with any additional javascript, and
finally how Ajax result is rendered in the controller, and formatted
into JSON. Anyway, for the past five days devoting to Ajax on Rails, I
have not seen a complete working Ajax example from anywhere, so
frustrated right now.