如何在 form_remote_tag 的 :complete 回调中获取表单标签的 JS DOM/JQuery 对象？

Question

在 Rails 2.3.3 中，我想做类似的事情：

<% form_remote_tag :url => "/some/path/", :loading => "loadingFunction(this)", :complete => "completeFunction(this,request)" do %>

基本上，我希望能够将该特定表单标记传递给 :complete 或 :loading 回调函数（以相对方式 - 我不想使用 ID - 我希望能够获得 :complete 调用对应的标签，作为 :complete 调用针对表单标签**的自然结果。

请参阅 form_remote_tag 的 Rails 文档。特别是，Rails 为 onsubmit 事件生成如下代码： new Ajax.Request('/some/path/', {asynchronous:true, evalScripts:true, onComplete:function(request){completeFunction(this,request)} , onLoading:function(request){loadingFunction(this)}, 参数:Form.serialize(this)}); return false;" 。注意函数调用是如何包装在 new Ajax.Request() 内的 function(request){} 中的。

因此，“this”、“jQuery(this)”、“jQuery(this).closest( '.someParentElementOfTheForm')" 等不起作用。

---

**我这样做是因为： 当页面加载时，我渲染任意数量的“form_remote_tag”，并且用户可以触发导致任意更多“form_remote_tag”出现的事件（每个表单中的内容相似，但每个表单中的元素数量不同）形式也是任意的）。如果我在整个页面中有一个 form_remote_tag，则存在几个主要问题：

• 用户将仅编辑页面的一个部分（在我当前的设计中对应于一个表单），但所有表单元素'页面中的数据必须在请求中发送

• It 某种混乱的方式来跟踪表单及其元素，给它们 ID，例如：“form-12”、“form-12-paramfield-13”等。

• 这使得很难允许：用户提交一个表单，虽然这种形式通过 AJAX 加载，提交其他表单（包括触发导致新表单出现的事件然后提交该表单的可能性），因为跟踪每个请求的响应数据的位置存在问题

Answer 1

您是否尝试过在 html 选项中传递以下回调，例如

:html => {：加载=> “#{远程函数（选项）}；返回​​ false；” }
或者
:html => { : 加载 => “#{远程函数（选项）}；返回​​ false；” 您

可以指定的回调有（按顺序）：

:loading:   Called when the remote document is being loaded with data by the browser.
:loaded:    Called when the browser has finished loading the remote document.
:interactive:   Called when the user can interact with the remote document, even though it has not finished loading.
:success:   Called when the XMLHttpRequest is completed, and the HTTP status code is in the 2XX range.
:failure:   Called when the XMLHttpRequest is completed, and the HTTP status code is not in the 2XX range.
:complete:  Called when the XMLHttpRequest is complete (fires after success/failure if they are present).

可以通过为特定状态代码添加其他回调来进一步细化 :success 和 :failure。

最近，我已经实现了在我的远程表单中覆盖 onsubmit，如下所示

 <% options = {:url => {:action =>"test", :id => 1}, :with =>"Form.serialize('test_form')" }%>
 <% form_remote_tag :html=>{ :onsubmit =>"#{remote_function(options)}; return false" } do %>