Javascript Rails ajax渲染部分
我想实现简单的特性 当我点击复选框时Javascript Rails ajax渲染部分,javascript,jquery,ruby-on-rails,ajax,redmine,Javascript,Jquery,Ruby On Rails,Ajax,Redmine,我想实现简单的特性 当我点击复选框时 <%=check_box_tag :important_only,nil,false,id:'important-notes-only'%> 路线 和important.js.erb should render my partial on view after click 怎么做 我的阿贾克斯 $(document).ready(function(){ $('#important-notes-only').click(function ()
<%=check_box_tag :important_only,nil,false,id:'important-notes-only'%>
路线
和important.js.erb
should render my partial on view after click
怎么做
我的阿贾克斯
$(document).ready(function(){
$('#important-notes-only').click(function () {
if ($('#important-notes-only').is(':checked')) {
console.log('clicked')
$.ajax({
type: "GET",
url: "<%= important_notes_path(@deal.id) %>",
success: render partial
}
})
}
});
$(文档).ready(函数(){
$(“#仅限重要注释”)。单击(函数(){
if($(“#仅限重要注释”)。为(“:选中”){
console.log('clicked')
$.ajax({
键入:“获取”,
url:“”,
成功:渲染部分
}
})
}
});
}));
如何在成功时渲染部分您可以使用以下选项:
#app/views/notes/important_notes.js.erb
$(".element").html("<%=j render 'partial' %>");
#view
<%= check_box_tag :important_only, nil, false, id:'important-notes-only', data: { note: @deal.id } %>
#app/assets/javascripts/application.js
$(document).on("click", "#important-notes-only", function(e){
if ($(this).is(':checked')) {
$.get("important/" + $(this).attr("data-note"));
}
});
#app/views/notes/important_notes.js.erb
$(“.element”).html(“”);
这是假设您的其他代码是正确的
查看您的更新,我将使用以下内容:
#app/views/notes/important_notes.js.erb
$(".element").html("<%=j render 'partial' %>");
#view
<%= check_box_tag :important_only, nil, false, id:'important-notes-only', data: { note: @deal.id } %>
#app/assets/javascripts/application.js
$(document).on("click", "#important-notes-only", function(e){
if ($(this).is(':checked')) {
$.get("important/" + $(this).attr("data-note"));
}
});
#查看
#app/assets/javascripts/application.js
$(文档)。在“单击”上,“仅重要注释”,功能(e){
如果($(this).is(':checked')){
$.get(“重要/”+$(this.attr(“数据注释”));
}
});
在望
<%= check_box '/important/:id' , remote: true do %>
在my_partial.js上
$('.element').html("<%= escape_javascript render(:partial => 'my_partial', :locals => { :if_any => @if_any}) %>");
$('.element').html('my_partial',:locals=>{:if_any=>@if_any})%>”;
$('.element').html("<%= escape_javascript render(:partial => 'my_partial', :locals => { :if_any => @if_any}) %>");