在Javascript函数(Ruby on rails)中使用onclick函数提取局部函数

Pulling Partials with onclick function in Javascript function (Ruby on rails)

本文关键字:函数 onclick 提取局 rails Javascript Ruby on      更新时间:2023-09-26

我用来从Calendar/_form.html中提取部分的代码。erb在我点击实际按钮之前渲染部分。有没有更有效的方法?它也没有正确地拉出任何css/js。

<div id="demo">
    This Will Magically Change to the partial i am rendering!
</div>
<button onclick="myFunction()"> Switch to partial button </button>
<script>
  function myFunction() {
    document.getElementById ("demo").src = <%= render 'calendars/form' %>;
  }
</script>

出于某种原因,我开始认为这种提取数据或部分的方法不是正确的方式(例如,angularjs似乎以一种不同的方式来创建单页应用程序)。

在routes文件中创建一个单独的路由

然后修改下面的

<button onclick="myFunction()"> Switch to partial button </button>

<%= link_to "Switch to partial button", calender_path, :remote => true %>

在控制器中添加以下方法:

def calender
  respond_to do |format|               
    format.js
  end        
end 

然后您应该在正确的目录中创建calender.js.erb,并在该文件中添加以下代码。

$('#demo').html("<%= render :partial => 'form' %>");

裁判:教程