使用RJS替换div

Question

我目前有一个链接，单击该链接会调用一个 JavaScript 函数，该函数会收集一些数据，然后使用 ProtoType 提交表单...

function myFunction(){
  data = someobject.getData();
  $('myform').request({
    parameters: {data:data, id:id,},
    onSuccess: function(transport) { 
      document.location.reload();        
    }
  });  
}
...
<%= form_tag({:controller => "data", :action => "process"}, :id => "myform") %></form>

请注意我的非 AJAXy document.location.reload(); 在 onSuccess 回调中。

我希望 DataController#process 执行此操作...

def process
  ...
  render :update do |page|
    page.replace 'my_div', :partial => 'test'
  end
end

任何人都可以指导我在调用 JavaScript 时需要更改哪些内容才能使 page.replace 工作吗？ 当然，现在它只是被忽略了。

我尝试了各种方法，并四处阅读，但在这种情况下我没有得到我需要做的事情。

谢谢

Answer 1

将渲染从控制器中取出并将其放入views/datas/process.js.rjs

page.replace("my_div", :partial => "test")

Answer 2

您可以将 form_for 更改为：

<% form_remote_tag :url => {:controller => "data", :action => "process"},
                   :html => {:id => 'my_form'},
                   :update => 'my_form' do %>

然后在控制器中渲染部分，它将用它更新“my_form”：

def process
  ...
  render partial => 'test'
end

Answer 3

我不确定你到底希望它如何工作，但有一个 remote_form_for 标签将为您执行请求。 另外，您可能希望查看下面的链接，了解使用 RJS 模板的示例：

http ://www.developer.com/lang/article.php/3668331

Answer 4

感谢您的所有建议 - 这就是我最终所做的：

function myFunction(){
  ...
  $('data').value = data;
  $('id').value = id;
  $('myform').request();  
}
...
<%= form_remote_tag 
  :url => {:controller => 'data', :action => 'process' }, 
  :html => {:id => 'myform'}%>
     <input type="hidden" id="data" name="data"/>
     <input type="hidden" id="id" name="id"/>
</form>

在 DataController#process 中执行此操作...

def process
  ...
  render :update do |page|
    page.replace 'my_div', :partial => 'test'
  end
end

（章节 - 我会将其部分放置！）