Question

所以我实际上是一个business模型的显示页面，显示了业务的相应信息。我所做的是创建一个编辑按钮，基本上显示相应字段的表单并隐藏实际信息。但是，我现在遇到的问题是，当我进行编辑并提交表单时，信息没有“刷新”我必须手动刷新页面才能看到更改。我对此仍然很陌生，事实上最近才开始使用rails并且很想知道我做得对不对。我正在关注一个解释Jquery和Ajax的youtube视频，但我正在做一些修改，试着让它按照我的需要工作。

显示视图页

<%= form_for(@business, remote: true) do |f| %>
    //.... omited for clarity

                        <div id="business-info-section">
                            <h4><%= @business.name %></h4>
                            <p><%= @business.description %></p>
                        </div>

                        <!-- This will display only when the edit button is clicked (SHOW THE BUIZ FORM FIELD) -->
                        <div id="business-info-section-edit">

                              <div class="field">
                                <%= f.text_field :name, class:"form-control" %>
                              </div>
                              <div class="field">
                                <%= f.label :description %><br>
                                <%= f.text_area :description , class:"form-control" %>
                              </div>

                        </div>
                    </div>
                </div>

            <div class="col-md-9">
                <!-- show option only if curr user == show profile user -->
                <%= image_tag @business.header_img.url(:large), class:"center-block", id:"header_img" %>

              <div class="row edit-btns">
                <div class="col-md-12">
                    <!-- this is the edit profile button that toggles jQuery methods -->
                    <%= link_to 'Edit Profile', "#", class: "btn btn-primary pull-right", id: "edit-profile-btn" %>
                    <%= f.submit 'Save Profile', class: "btn btn-primary pull-right", id: "save-profile-btn" %>
                </div>
                </div>

业务控制器

  def update
    if @business.update(business_params)
      respond_to do |format|
        format.html { redirect_to @business, notice: 'Business was successfully updated.' }
        format.js #render businesses/update.js.erb
      end
    else
      render :edit
    end
  end

企业/ update.js.erb文件

$('#business-info-section').append('<%= j render user_profile_path(@business.user_id, @business.user.email) %>');

Answer 1

更改表单的此部分 -

<div id="business-info-section">
  <h4><%= @business.name %></h4>
  <p><%= @business.description %></p>
</div>

到此 -

创建部分： _business_detail.html.erb

<h4><%= @business.name %></h4>
<p><%= @business.description %></p>

现在以表格形式呈现上述部分 -

<div id="business-info-section">
     <%= render 'business_detail'%>
</div>

将您的 business / update.js.erb文件更新为此< - p>

$('#business-info-section').html('<%= j render 'business_detail' %>');

Rails JQuery和Ajax对我来说不能正常工作？

1 个答案: