作者Vinn (Vinn)
看板Ruby
标题[问题] Rails内建的Ajax传导问题
时间Sun Dec 15 23:46:33 2013
看不懂$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
1F：推 hellolucky:还没认真看过 但<%render 'ida',:c_toy => @c_toy %> 12/15 23:56
2F：→ hellolucky:是不是少了个等於？ 12/15 23:56
抱歉...看着另一个萤幕用手打竟然漏打了...以修正，谢谢！
3F：→ lTERRAl:$('ida') 你是要? 12/16 00:53
4F：→ Vinn:$('.ida')replaceWith应该是用来换掉旧的资料以呈现变化 12/16 08:40
5F：→ Vinn:阿...影片上是这样要教...该不会我有理解错误吧？ 12/16 08:49
6F：推 johnlinvc:应该是$('.ida').replaceWith('foo') ? 12/16 11:46
谢谢指正，但修改後仍是无法动作..
以下是我点选之後 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，但无法更改ˊˋ
7F：推 johnlinvc:把你的index.js.erb 改名成 show.js.erb 12/16 13:04
8F：→ johnlinvc:toys_controler 里的 show 也 respond to js 12/16 13:05
9F：→ johnlinvc:因为你的route 和那个教学的不一样 12/16 13:05
感谢，但是他却跑出很神秘的找不到"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这麽难实现
10F：推 johnlinvc:应该是你show method 里的 toy 不是 @c_toy 12/16 15:40
11F：→ johnlinvc:下次可以考虑直接丢github 再上来问 12/16 15:41
马上来，
https://github.com/viflin/tezarail
进入
http://localhost:3000/toys 就有三个toy，和最下面有问题的显示地方
应该要点选列表上的“Obama” 然後下面一开始预设的Boozer就会变成Obama...
感谢......
12F：推 hellolucky:照错误讯息 你request的是 ToysController#show 12/16 17:13
13F：→ hellolucky:不过ToysController#show 只有@toy 没有@c_toy 12/16 17:13
14F：→ hellolucky:所以view找不到@c_toy 12/16 17:14
15F：→ hellolucky:我觉得不是Ajax难实现，而是要先学会抽丝剥茧的debug 12/16 17:15
16F：→ hellolucky:厘清问题点所在，慢慢的你会发现其实一切都有条理 12/16 17:15
17F：推 johnlinvc:一开始就学rails remote ajax 本来就比较有难度 12/16 17:26
18F：→ johnlinvc:可以先去搞懂底下的jquery 在做什麽, 还有partial的用法 12/16 17:27
19F：→ johnlinvc:我发merge request 给你了:p 12/16 17:27
谢谢！已经merge了！ 感谢解惑！ 困扰了我好久＝＝
初学者真的太多东西不懂...rails真的颇困难（对於只写过简单html的我来说...）
而且不像IDE之类的会告诉你哪里错了...
慢慢在研究到底他背後怎麽传递的...不知道用$ajax的那种写法是怎麽处理ＸＤ
谢谢johnlinvc ,hellolucky 跟|TERRA|板友，感谢你们
※ 编辑: Vinn 来自: 61.230.45.210 (12/16 19:37)