如何使用 Rails UJS 设置超时？

Question

我正在使用 Rails 5.2.2，我想在使用 Rails UJS 时设置超时，以便在请求超时时显示警报消息。

我阅读了Official Guide for working with JavaScript 和answer related to this issue，但指南没有写任何关于超时的内容，而且答案已经过时了。

在我正在使用的.html.erb 查看文件中：

<input id="element_dom_id" type="checkbox" data-remote="true" data-url="/a_url" data-params="key=value" data-method="patch">

<script type="text/javascript">
  document.getElementById('element_dom_id').addEventListener(
    'ajax:success', function(event) {
      ...
    }
  );
  document.getElementById('element_dom_id').addEventListener(
    'ajax:error', function(event) {
      ...
    }
  );
  ...
</script>

Answer 1

试试这个：

$(function() {
    // ...

    $.rails.ajax = function(options) {
      if (!options.timeout) {
        options.timeout = 100000;
      }      
      return $.ajax(options);
    };

    // ...
});

如果没有显式传递超时，您可以使用 jquery-ujs 中的 $.rails.ajax 属性来注入超时。