Rails and Jquery ajax

Question

I follow this tutorial (except I put gem 'jquery-rails' in my gemfile ).

The problem, if I click to new post, and fill the form and click to create -> ajax don't work, and show method showing the simple post.

my create.js.erb:

$('body').html("<h1><%= escape_javascript(@post.title) %></h1>").append("<%= escape_javascript(@post.content) %>");

create method

def create
@post = Post.new(params[:post])

respond_to do |format|
  if @post.save
    format.html { redirect_to(@post, :notice => 'asdasd') }
    format.js
  else
    format.html { render :action => "new" }
    format.js
  end
end

end

_form.html.erb

    <%= form_for(@post, :remote => true) do |f| %>
  <% if @post.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@post.errors.count, "error") %> prohibited this post from being saved:</h2>

      <ul>
      <% @post.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </div>
  <div class="field">
    <%= f.label :title %><br />
    <%= f.text_field :title %>
  </div>
  <div class="field">
    <%= f.label :content %><br />
    <%= f.text_area :content %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

Vadim · Accepted Answer · 2011-03-24 21:17:09Z

2

That's because you're replacing the entire body of your page with the contents

<h1><%= escape_javascript(@post.title) %></h1>

You probably want to append it to some kind of place holder like so

$('#postlist').append('a bunch of html')

Check out the DOM manipulation methods here.

answered Mar 24, 2011 at 21:17

Vadim

18k5 gold badges41 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Dodjs Over a year ago

if I use $('#showme').html("<h1><%= escape_javascript(@post.title) %></h1>").append("<%= escape_javascript(@post.content) %>"); and I put <div id="showme"></div> in the application.html.erb, nothing changed

Vadim Over a year ago

@Dodi, so you ran rails generate jquery:install as well? Can you also post the code where you create the html form?

Dodjs Over a year ago

yes, I ran rails generate jquery:install, I edited the questson

Vadim Over a year ago

@Dodi, everything looks correct to me. Can you verify that you have rails.js and jquery.js in your public/javascripts folder? Do you see any javascript errors before the page reloads?

Dodjs Over a year ago

lol, the rails.js was the original, the jquery:install do not rewrited, I deleted rails.js and recall jquery:install, now its work! thanks for the help

Collectives™ on Stack Overflow

Rails and Jquery ajax

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related