Rails 4：无法将 Ajax 错误事件绑定到嵌入式 ruby​​ / javascript (js.erb) 中

Question

我正在尝试向用户显示一条错误消息，指出如果出现问题，预订将无法取消。

成功时，ajax 使用 remote: true 拦截正常的表单行为并呈现部分（顺便在现有的部分内），但我无法将 'ajax:error' 事件绑定到我的 js.erb 文件中的表单。

我尝试了很多不同的东西和语法变化来尝试让它工作。 （我对 javascript/jQuery 很陌生，所以它可能是基本的东西，因为 js.erb 不会在控制台中显示错误）。这是我最近的尝试：

cancel_success.js.erb：

$('#cancel-message').html("<%= j (render 'cancel_success') %>");
$('#cancel-message').slideDown(350);
$('#search-show-container').hide()

$('#reservationId').closest('form').on('ajax:error', function(xhr, status, error) {
  $("#cancel_error_text").html("Sorry, we can't cancel your booking at the moment, please try calling the restaurant:");
});

我的表单视图：

<p id="cancel_error_text"></p>

<div id="search-show-container">

<%= form_tag(cancel_success_searches_path, remote: true) do %>
    <%#= label_tag 'Reservation ID' %>
    <%= text_field_tag :reservationId %>   
    <%= submit_tag 'Cancel Booking', name: nil %>
    <% end %>
</div>

Answer 1

好的，这可能不是您正在寻找的完整的badass 答案。但我想试着让你开始。

我认为您需要切换 ajax:success 和 ajax:error 代码的放置位置。现在你已经在你的cancel_success.js.erb 文件中得到了它，它在你的控制器操作之后运行。我认为您需要将该代码放在以下文件中：app/assets/javascripts/cancel_success.js

$(document).ready(function() {
  $('#reservationId').closest('form').on('ajax:error', function(xhr, status, error) {
    $("#cancel_error_text").html("Sorry, we can't cancel your booking at the moment, please try calling the restaurant:");
  });
});

更多信息here