如何從事件ajax的響應中獲取數據：Rails 5.1中的錯誤

Question

Iam在Rails中構建表單。我希望通過AJAX提交，所以我設置好的remote: true

<%= form_for @post, html: { multipart: true }, remote: true do |f| %> 
    ... 
<%= end %> 

在我的控制器：

def create 
    @post = Post.new(post_param) 

    respond_to do |format| 
     if @post.save 
      format.html { redirect_to @post, notice: 'Post was successfully created.' } 
      format.json { render :show, status: :created, location: @post } 
     else 
      format.html { render json: @post.errors, status: 400 } 
      format.json { render json: @post.errors, status: 400 } 
     end 
    end 
end 

在表格上視圖

$('#new_post').on('ajax:success', function(data) { 
    console.log(data); 
}).on('ajax:error', function(evt, xhr, status, error) { 
    console.log(xhr); 
}); 

但事件 'AJAX：錯誤'，我無法解析以獲取有關帖子驗證錯誤的數據。所有params'xhr'，'status'，'error'都等於undefined。

如何解析'ajax：error'中的響應以獲取有關驗證錯誤的數據？

Answer 1

Rails 5.1引入了rails-ujs，它改變了這些事件處理程序的參數。下面應該工作：

// ... 
.on('ajax:error', function(event) { 
    var detail = event.detail; 
    var data = detail[0], status = detail[1], xhr = detail[2]; 
    // ... 
}); 

來源：http://edgeguides.rubyonrails.org/working_with_javascript_in_rails.html#rails-ujs-event-handlers