インデックスページにajaxでレコードを表示しますか？

Question

誰かが学習のヒント（チュートリアルを知っていますか？）を知っている場合、ビューのリンクがクリックされたときに、インデックスページにajaxを介してリモートでロードする方法を教えてください。私はリンクのタイトルの下に表示されるビューをしたいと思います。

ベスト、あなたのコントローラで エリオット

Answer 1

、あなたがしたい項目に部分をレンダリング：jQueryのを使用して

def show 
    @item = Item.get(params[:id]) 
    respond_with (@item) do |format| 
    format.html{ render :partial => 'item' } 
    format.js{ render :partial => 'item', :layout=>false } 
    end 
end 

そして、あなたができる：

$('a#my_loader').bind('click', function(){ 
    $.ajax({url: "/items/1", 
      type: "GET", 
      success: function(data) { 
      $('#items').append(data); 
      } 
    }); 
}); 

あなたはでしょうID 'my_loader'のタグと 'items'のIDを持つdivまたはulを必要とします。

Answer 2

私はstefのようにしたいと思いますが、マイナーな変更を加えました。

$('a#my_loader').click(function() { 
    var success = function(response) { 
    $(this).append(response); 
    } 

    $.get("items/" + $(this).attr('item_id'), success); 

} 

これは、あなたがターゲットとしているオブジェクトのidはもちろんitem_id

として知られているあなたのリンクの属性に格納されていることを前提として、あなたはそのHTMLが既に存在するか否かを確認したいかもしれませんAJAX呼び出しを行う前に、呼び出しを行わずに部分を2回追加する必要があります。