使用 Turbolinks 强制 XHR 提交表单

Question

在 rails 我有 table 我正在使用 jeditable 进行内联编辑。

为了 return 从我使用 request.xhr 生成的表单中对 jeditable 的正确响应？在我的控制器中是这样的：

    if request.xhr?
      # *** repond with the new value ***
      render :text => params[:order_item].values.first
    end

我的 TD 看起来像这样，我尝试将 data-no-turbolink 添加到正文（只是为了实验）、td 标签和按钮标签（见下表）

<td data-no-turbolink="true">
  <span class="editable" data-id="31330" data-name="order_item[actual_price]" title="Click to edit..">46.0</span>
  <script type="text/javascript">
  </script>
</td>

当我单击单元格时，脚本会生成一个表单，如下所示：

<td data-no-turbolink="true">
  <span class="editable" data-id="31330" data-name="order_item[actual_price]">
    <form style="display: inline">
      <input name="order_item[price_override]">
      <button type="submit" >Ok</button>
      <button type="cancel">Cancel</button>
    </form>
  </span>
</td>

我想我缺少对 Turbolinks 工作原理的一些基本理解，有没有办法强制通过 XHR 提交此表单？

Answer 1

我找不到解决这个问题的方法，最后使用了另一种方法。

我从我在控制器中使用的 jeditable 向动作发送了一个额外的参数，而不是 request.xhr?

使用 Turbolinks 强制 XHR 提交表单

Force XHR submit of form with Turbolinks

javascript

jquery

ruby-on-rails

ajax

turbolinks