6

编辑 - 显然没有人知道这里让我烦恼的是什么。我认为这只是我在页面其他地方所做的某件事阻止了正在发送的状态属性的问题。问题是我什么都看不到。我希望有人看到过类似的东西,并可以建议我需要看的地方。


我的页面上有一个虚拟表单,可以将数据发布到我的网络应用程序。它是在 Rails 中创建的(使用 HAML),就像这样;

=form_tag bulk_invoice_path(''), method: 'put', class: 'mark-sent-form' do
  =hidden_field_tag 'invoice[status]', 'Sent'

这会生成以下html;

<form accept-charset="UTF-8" action="/bulk_invoices/" class="mark-sent-form" method="post">
  <div style="margin:0;padding:0;display:inline">
    <input name="utf8" type="hidden" value="&#x2713;" />
    <input name="_method" type="hidden" value="put" />
    <input name="authenticity_token" type="hidden" value="OU8GtbHycR/EJ+H3GG9MN59xI59v47LSaFc2wYZloAs=" />
  </div>
  <input id="invoice_status" name="invoice[status]" type="hidden" value="Sent" />
</form>

在 DOM 中,如下所示

<form accept-charset="UTF-8" action="/bulk_invoices/" class="mark-sent-form" method="post">
  <div style="margin:0;padding:0;display:inline">
    <input name="utf8" type="hidden" value="✓">
    <input name="_method" type="hidden" value="put">
    <input name="authenticity_token" type="hidden" value="OU8GtbHycR/EJ+H3GG9MN59xI59v47LSaFc2wYZloAs=">
  </div>
  <input id="invoice_status" name="invoice[status]" type="hidden" value="Sent">
</form>

这个表格是用jquery(使用coffeescript)发布的;

jQuery ->
  $('a.mark-sent').click -> updateBulkInvoices('.mark-sent-form')

updateBulkInvoices = (form) ->
  $(form).attr('action', "/bulk_invoices/#{checkedInvoices().get().join()}").submit()

这种模式在其他操作中对我很有帮助,但“发票[状态]”似乎引起了问题。当使用 jQuery 提交表单时,隐藏字段不会被传递。我在 Rails 控制台中看到以下内容;

Parameters: {"utf8"=>"✓", "authenticity_token"=>"+qW9kIih5l2j69w1LK2YfQ9mYQ7nKPDm5XgLZuKB4ic=", "id"=>"16"}

即 invoice[status] 字段没有与表单参数一起传递。如果我将此字段的名称更改为其他任何名称,它就可以正常工作,例如

=form_tag bulk_invoice_path(''), method: 'put', class: 'mark-sent-form' do
  =hidden_field_tag 'invoice[flatus]', 'sent'

在我的控制台中给我以下参数;

Parameters: {"utf8"=>"✓", "authenticity_token"=>"+qW9kIih5l2j69w1LK2YfQ9mYQ7nKPDm5XgLZuKB4ic=", "invoice"=>{"flatus"=>"sent"}, "id"=>"16"}

如果我在 Chrome 的开发人员工具上监控“网络”选项卡,我会看到同样的事情发生,所以我认为这不是 Rails 的问题,这似乎是浏览器的问题。不过,我对 Safari 和 Firefox 也有同样的看法。

状态是浏览器表单中某种神奇的保留字吗?这里发生了什么?

4

1 回答 1

3

我无法重现该问题,但我怀疑它是由提交表单时的 Javascript 引起的。要对此进行调试,您可以执行以下操作:

  1. 在 Chrome 中打开页面
  2. 右键单击提交按钮,选择“检查元素”
  3. 选择“来源”选项卡。
  4. 在源选项卡中,找到单击提交时调用的 Javascript 的源。您可能必须单击“元素”选项卡下方框中的微小向右箭头。此外,如果代码已被删除并删除了所有换行符,您可以单击页面底部的“漂亮打印”花括号图标。
  5. 找到方法后,单击左侧旁边的行号。在右窗格中,您应该会看到它出现在“断点”部分下。
  6. 重新加载页面
  7. 单击提交按钮。

这应该会带您进入在提交操作上暂停的 Javascript 调试器,然后您可以单步执行代码并准确查看它在做什么。

我希望这有帮助!

于 2012-11-08T10:56:47.963 回答