ruby-on-rails - 在 Rails 3 中使用 Ajax 更新部分内容

Question

我有一个项目列表和一个侧边栏，在其中显示有关项目的详细信息。侧边栏是一个部分，当列表中的某个项目触发事件 onmouseenter 时，它应该随 Ajax 一起更改。

我已经设法通过 Ajax 将 id(我输入鼠标的项目的 ID)发送到我的 Controller 的操作“列表”，但部分未更新...:(

我确信我已经非常接近解决方案了。我是 Ajax 新手，我在 StackOverflow 和许多其他网站上搜索了整个下午，但他们总是解释如何使用 Ajax 管理 CRUD 操作，但它似乎对我不起作用......

这是代码:

-ajax部分:

$("div.item").mouseenter(function(event){
 var id = $(this).attr('data');
    var url = "/item/list?id="+id+"&lg=en";
    var data = $(this).serialize();
    $.post(url,function(response_data){$("#item_details").html(response_data)});
    return false;
});

- Controller 操作:

def list
    @items = Item.all
    if request.xhr?
        id_exists?("item", params[:id], "item", "list"){@item = Item.find(params[:id])}

        render :partial => "item/sidebar/sidebar_home", :object => @item
    else
        @item = @items.first unless @items.empty?
    end
end

-哈姆尔:

content_for :sidebar do
   #item_details
       =render :partial => "item/sidebar/sidebar_home", :object => @item


.items_wrapper
-if @items.empty?
    ="No items"
-else
    = render :partial => "item/partials/item", :collection => @items

在第二部分中，我有 div.item ，它包装了所有内容。 所以基本上，我想更新侧边栏的内容，仅此而已。

很抱歉，如果这个问题看起来很愚蠢，并提前感谢您的帮助。

感谢 Wizard of Ogz，问题已解决! XD

Answer 1

您需要传递一个回调函数来处理 AJAX 请求的响应。请参阅http://api.jquery.com/jQuery.post/

示例可能如下所示:

$.post(url, data, function(response_data){ $("#sidebar_id").replaceWith(response_data) });