如何在不刷新页面的情况下发表评论。,

Question

我希望用户能够在浏览器不刷新整个页面的情况下发表评论，

目前评论已提交，但我面临的问题是，在用户提交评论后，页面以及用户在表单中输入的任何内容都保留在那里，我希望它能够正确提交，并且用户输入也应该表格成功提交后清除。

我的控制器操作

def create
    @post = Post.find(params[:post_id])
    @comment = @post.comments.new(comment_params)


    @comment.user = current_user
    if @comment.save
        respond_to do |format|
            flash[:notice] = "Successfully created a comment"
            format.json { render json: @post }
        end
    else
        redirect_to :back
    end
end

我的看法

<div class="header-wrapper-blog">
  <div class="heading_for_blog">
    <div class="container">
      <%= simple_form_for([@post, @post.comments.build], remote: true, :html => {:multipart => true, id: "newcomment"  } ) do |f| %>
        <%= f.input :body, as: :text %>
        <button type="submit" class="btn btn-success" id="comment-form" name="submit"/>Submit</button>
      <% end %>
    </div>
  </div>
</div>

我当前的Ajax代码

$(function(){
  $("#newcomment").on("submit", function(event){


  $.ajax({
      type: "POST",
      url: this.action,
      data: $(this).serialize(),
      success: function(response) {
        //update the DOM
      }
    });
    event.preventDefault();
  });
})

Answer 1

首先，如果您正在使用

remote: true

，那么无需触发您正在执行的另一个ajax事件。 所以现在你有两种情况，A.使用

remote: true

B.使用触发 Ajax。

从控制器中删除

format.json { render json: @post }

行，rails 将在各自的控制器视图中渲染一个文件

create.js.erb

。在该文件中，您可以编写逻辑来清除该表单或更新特定的 div。 对于前。

$(#newcomment).reset();

，你也可以像

$(#div).html("blah");

一样更新div

B.如果你从表单中删除

remote: true

，那么你可以使用你已经提到过的ajax，但在这种情况下添加

dataType: script

，它将呈现相同的

create.js.erb

。

C.如果您不想遵循上述方法，那么您可以在ajax成功回调中调用此行

$(#newcomment).reset();

；

Answer 2

BANDARBOLA855merupakan 在线游戏在线yang menyediakan 老虎机在线，赌场，sbobet dan lainnya。 位置在我的位置，并在 grafis yang sangat bagus 和 juga menarik sehingga para pemain merasa nyaman。 请注意，在任何情况下，您都必须遵守 1 条规定： dan fitur serta 促销奖金 menariknya