2

我是 Rails 的新手，所以我可能会以某种方式（显然）搞砸了。我有一个通过 ajax 将提交发送回控制器的表单。数据到达那里并进入数据库。目标是成功提交后，数据将以 html 格式返回，然后我可以将其添加到页面而不导致页面刷新。

这是我的控制器：

# POST /projects
# POST /projects.json
  def create
   @project = Project.new(params[:project])
   @project.user_id = current_user.id

    respond_to do |format|
      if @project.save
        #format.html { redirect_to @project, notice: 'Project was successfully created.' }
        #format.json { render json: @project, status: :created, location: @project }
        render :partial => "projects/project", :locals => { :project => @project }
    else
       format.html { render action: "new" }
       format.json { render json: @project.errors, status: :unprocessable_entity }
    end
  end
end

我的 ajax 函数如下所示：

$('#new_project').submit(function(){

    $.ajax({
        type: 'post',
        beforeSend: setHeader,
        url:'/projects',
        dataType: 'json',
        data: $('#new_project').serialize(),
        success: function(json) {
            console.log(json);
            parent.jQuery('#cboxClose').click();
        }
    });

    return false;

});

最后，我的部分。部分是循环的一部分。循环效果很好，那里没有问题。循环如下所示：

  <% @projects.each do |project| %>

      <%= render :partial => "project", :object  => project %>

  <% end %>

部分看起来像这样：

<section class="project">

  <p class="name"><span>Name: </span> <%= project.name %></p>
  <p class="title"><span>Title: </span><%= project.title %></p>
  <p class="title"><span>User ID: </span><%= project.user_id %></p>
  <article>
    <span>Details:</span> <%= project.details %>
  </article>
  <article>
    <p>Meta:</p>
    <%= link_to 'Show', project %>
    <%= link_to 'Edit', edit_project_path(project), :data => { :colorbox => true,:colorbox_height => '500px', :colorbox_width => '500px', :colorbox_iframe => true } %>
    <%= link_to 'Destroy', project, method: :delete, data: { confirm: 'Are you sure?' } %>
  </article>

</section>

就是这样了。我以为我在正确的轨道上，但 406 错误让我陷入了循环。

4

1 回答 1

3

您发送 ajax 请求，您的应用程序应将 javascript（或 json）返回给浏览器。但是您调用“渲染”并且响应具有 html 类型。所以406错误是。

如果您想在成功 ajax 调用后呈现部分内容，您应该稍微更改您的控制器（考虑使用 format.js 与 format.json）。

控制器：

if @project.save
   format.html { redirect_to @project, notice: 'Project was successfully created.' }
   format.js  #render create.js.erb
else
   format.html { render action: "new" }
   format.json { render json: @project.errors, status: :unprocessable_entity }
end

您应该在目录中创建文件 create.js.erb 并使用此控制器的视图，如下所示：

$("div#that_you_wat_to_update").html("<%= escape_javascript render(:partial => 'projects/project', :locals => { :project => @project }) %>");

PS如果你真的想用json响应，那么你应该更新你的ajax调用来处理json响应，但这是另一回事。

于 2013-05-24T13:52:13.437 回答