[問題] Rails內建的Ajax傳導問題

[Vinn (Vinn)]

看不懂$ajax的寫法，所以用rails內建的方式使用

卻不知道哪裡出問題，看terminal也有顯示有傳正確的id進去，卻無法更改..
照著這個影片實作的 http://happycasts.net/episodes/66

我先說明一下我的流程，就是首頁顯示所有Toy的列表，
首頁最後有個render顯示當前current的toy (c_toy)
而會依照點選的toy.name改變最下面的current.toy的id跟name
而黃色是我覺得有出問題的地方...

==toys_controller.rb //params有id就設為該id 無則使用第一個
def index
        @toys = Toy.all
        if params[:toy_id]
                @c_toy = Toy.find(params[:toy_id])
        else
                @c_toy = Toy.first
        end

        respond_to do |format|
                format.html
                fotmat.js
        end
end

==index.html.erb (部分) 產生一整排連結，最後render
<% toys.each do |toy| %>
        <% link_to toy.name , toy , :remote => true %>
<% end %>

<%=render 'ida' , :c_toy => @c_toy %>


==index.js.erb //用於replace render
$('.ida').replaceWith('j <%=render 'ida',:c_toy => @c_toy %>')

==_ida.html.erb //顯示當前toy的id 及name
<div class="ida">
        <%= @c_toy.id %>
        <%= @c_toy.name %>
</div>


照理來說應該是會成功，隨著我按哪個toy的名字下面就會render toy的名字出現
但是目前的情況就是，他卡在第一個toy，也就是controller第一次設定之後
後面就抓不到丟進去的id了...

請板上的高手解惑一下，拜託了...謝謝...

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.230.46.128
推 hellolucky:還沒認真看過 但<%render 'ida',:c_toy => @c_toy %>
→ hellolucky:是不是少了個等於？
抱歉...看著另一個螢幕用手打竟然漏打了...以修正，謝謝！
→ lTERRAl:$('ida')  你是要?
→ Vinn:$('.ida')replaceWith應該是用來換掉舊的資料以呈現變化
→ Vinn:阿...影片上是這樣要教...該不會我有理解錯誤吧？
推 johnlinvc:應該是$('.ida').replaceWith('foo')   ?
謝謝指正，但修改後仍是無法動作..

以下是我點選之後 terminal出現的訊息

Started GET "/toys/45" for 127.0.0.1 at 2013-12-16 12:52:05 +0800
Processing by ToysController#show as JS
  Parameters: {"id"=>"45"}
  Toy Load (0.6ms)  SELECT "toys".*
                   FROM "toys" WHERE "toys"."id" = $1 LIMIT 1  [["id", "45"]]
  Rendered toys/show.html.erb within layouts/application (0.5ms)
Completed 200 OK in 18ms (Views: 15.7ms | ActiveRecord: 0.6ms)

parameters 有取得到id，但無法更改ˊˋ

推 johnlinvc:把你的index.js.erb 改名成 show.js.erb
→ johnlinvc:toys_controler 裡的 show 也 respond to js
→ johnlinvc:因為你的route 和那個教學的不一樣
感謝，但是他卻跑出很神秘的找不到"id"

Started GET "/toys/45" for 127.0.0.1 at 2013-12-16 14:26:01 +0800
Processing by ToysController#show as JS
  Parameters: {"id"=>"45"}
  Toy Load (0.6ms)  SELECT "toys".* FROM "toys"
                        WHERE "toys"."id" = $1 LIMIT 1  [["id", "45"]]
  Rendered toys/_ida.html.erb (1.4ms)
  Rendered toys/show.js.erb (3.7ms)
Completed 500 Internal Server Error in 11ms

ActionView::Template::Error (undefined method `id' for nil:NilClass):
    1: <div class="ida">
    2:  <%= @c_toy.id %>
    3:  <%= @c_toy.name %>
    3: </div>
  app/views/revos/_ida.html.erb:2:
        in `_app_views_toys__ida_html_erb__1527320142082688770_70320262549140'
  app/views/revos/show.js.erb:2:
        in `_app_views_toys_show_js_erb__3810931547537904217_70320251433280'
  app/controllers/toys_controller.rb:29:in `show'


改程式改到頭有點暈...感謝板上高手...初學者真的有點糟，沒想到Ajax這麼難實現

推 johnlinvc:應該是你show method 裡的 toy 不是 @c_toy
→ johnlinvc:下次可以考慮直接丟github 再上來問
馬上來，https://github.com/viflin/tezarail

進入 http://localhost:3000/toys 就有三個toy，和最下面有問題的顯示地方

應該要點選列表上的“Obama” 然後下面一開始預設的Boozer就會變成Obama...

感謝......

推 hellolucky:照錯誤訊息 你request的是 ToysController#show
→ hellolucky:不過ToysController#show 只有@toy 沒有@c_toy
→ hellolucky:所以view找不到@c_toy
→ hellolucky:我覺得不是Ajax難實現，而是要先學會抽絲剝繭的debug
→ hellolucky:釐清問題點所在，慢慢的你會發現其實一切都有條理
推 johnlinvc:一開始就學rails remote ajax 本來就比較有難度
→ johnlinvc:可以先去搞懂底下的jquery 在做什麼, 還有partial的用法
→ johnlinvc:我發merge request 給你了:p
謝謝！已經merge了！ 感謝解惑！ 困擾了我好久＝＝
初學者真的太多東西不懂...rails真的頗困難（對於只寫過簡單html的我來說...）
而且不像IDE之類的會告訴你哪裡錯了...

慢慢在研究到底他背後怎麼傳遞的...不知道用$ajax的那種寫法是怎麼處理ＸＤ

謝謝johnlinvc ,hellolucky 跟|TERRA|板友，感謝你們
※ 編輯: Vinn            來自: 61.230.45.210        (12/16 19:37)