使用Javascript更改Rails控制器实例变量
我正在尝试使用javascript/AJAX更改我的一个控制器定义,以便在同一使用Javascript更改Rails控制器实例变量,javascript,ruby-on-rails,ajax,Javascript,Ruby On Rails,Ajax,我正在尝试使用javascript/AJAX更改我的一个控制器定义,以便在同一events#index页面上显示即将发生的事件和过去发生的事件。我发现这样的帖子表明这个概念并不完全疯狂,但我无法让它工作。理想情况下,当您单击“以前的事件”或“即将发生的事件”时,它会更改控制器定义以显示相应的事件 以下是我在events#index视图中的html/erb: <h4 class="text-center"> <span class="" id="upcomingEvents
events#index
页面上显示即将发生的事件
和过去发生的事件
。我发现这样的帖子表明这个概念并不完全疯狂,但我无法让它工作。理想情况下,当您单击“以前的事件”或“即将发生的事件”时,它会更改控制器定义以显示相应的事件
以下是我在events#index
视图中的html/erb:
<h4 class="text-center">
<span class="" id="upcomingEvents">Upcoming Events</span> |
<span class="linkish" id="previousEvents">Previous Events</span>
</h4>
最后,这里是我的定制路线:
get 'events/update_to_previous_events'
get 'events/update_to_upcoming_events'
我希望这是一个简单的错误,但我觉得这是一种黑客行为,所以我担心最坏的情况。有人能看出我哪里做错了吗
**建议更改为$.ajax({url://events/update_to_previous_events})后代码>错误日志现在显示:
jquery.self-660adc5…js?body=1:10246 GET
404(不是
找到)send@jquery.self-660adc5…js?body=1:10246ajax@
jquery.self-660adc5….js?body=1:9735(匿名函数)@
事件:76dispatch@jquery.self-660adc5…js?body=1:5227elemData.handle
@jquery.self-660adc5…js?body=1:4879
其他信息:服务器错误日志
ActiveRecord::RecordNotFound - Couldn't find Event with 'id'=update_to_previous_events:
activerecord (4.2.5) lib/active_record/core.rb:155:in `find'
app/controllers/events_controller.rb:54:in `show'
actionpack (4.2.5) lib/action_controller/metal/implicit_render.rb:4:in `send_action'
actionpack (4.2.5) lib/abstract_controller/base.rb:198:in `process_action'
actionpack (4.2.5) lib/action_controller/metal/rendering.rb:10:in `process_action'
actionpack (4.2.5) lib/abstract_controller/callbacks.rb:20:in `block in process_action'
activesupport (4.2.5) lib/active_support/callbacks.rb:117:in `call'
activesupport (4.2.5) lib/active_support/callbacks.rb:555:in `block (2 levels) in compile'
activesupport (4.2.5) lib/active_support/callbacks.rb:505:in `call'
activesupport (4.2.5) lib/active_support/callbacks.rb:92:in `__run_callbacks__'
activesupport (4.2.5) lib/active_support/callbacks.rb:778:in `_run_process_action_callbacks'
activesupport (4.2.5) lib/active_support/callbacks.rb:81:in `run_callbacks'
actionpack (4.2.5) lib/abstract_controller/callbacks.rb:19:in `process_action'
actionpack (4.2.5) lib/action_controller/metal/rescue.rb:29:in `process_action'
actionpack (4.2.5) lib/action_controller/metal/instrumentation.rb:32:in `block in process_action'
activesupport (4.2.5) lib/active_support/notifications.rb:164:in `block in instrument'
activesupport (4.2.5) lib/active_support/notifications/instrumenter.rb:20:in `instrument'
activesupport (4.2.5) lib/active_support/notifications.rb:164:in `instrument'
actionpack (4.2.5) lib/action_controller/metal/instrumentation.rb:30:in `process_action'
actionpack (4.2.5) lib/action_controller/metal/params_wrapper.rb:250:in `process_action'
activerecord (4.2.5) lib/active_record/railties/controller_runtime.rb:18:in `process_action'
actionpack (4.2.5) lib/abstract_controller/base.rb:137:in `process'
actionview (4.2.5) lib/action_view/rendering.rb:30:in `process'
actionpack (4.2.5) lib/action_controller/metal.rb:196:in `dispatch'
actionpack (4.2.5) lib/action_controller/metal/rack_delegation.rb:13:in `dispatch'
actionpack (4.2.5) lib/action_controller/metal.rb:237:in `block in action'
actionpack (4.2.5) lib/action_dispatch/routing/route_set.rb:76:in `dispatch'
actionpack (4.2.5) lib/action_dispatch/routing/route_set.rb:45:in `serve'
actionpack (4.2.5) lib/action_dispatch/journey/router.rb:43:in `block in serve'
actionpack (4.2.5) lib/action_dispatch/journey/router.rb:30:in `serve'
actionpack (4.2.5) lib/action_dispatch/routing/route_set.rb:817:in `call'
warden (1.2.6) lib/warden/manager.rb:35:in `block in call'
warden (1.2.6) lib/warden/manager.rb:34:in `call'
rack (1.6.4) lib/rack/etag.rb:24:in `call'
rack (1.6.4) lib/rack/conditionalget.rb:25:in `call'
rack (1.6.4) lib/rack/head.rb:13:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/params_parser.rb:27:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/flash.rb:260:in `call'
rack (1.6.4) lib/rack/session/abstract/id.rb:225:in `context'
rack (1.6.4) lib/rack/session/abstract/id.rb:220:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/cookies.rb:560:in `call'
activerecord (4.2.5) lib/active_record/query_cache.rb:36:in `call'
activerecord (4.2.5) lib/active_record/connection_adapters/abstract/connection_pool.rb:653:in `call'
activerecord (4.2.5) lib/active_record/migration.rb:377:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/callbacks.rb:29:in `block in call'
activesupport (4.2.5) lib/active_support/callbacks.rb:88:in `__run_callbacks__'
activesupport (4.2.5) lib/active_support/callbacks.rb:778:in `_run_call_callbacks'
activesupport (4.2.5) lib/active_support/callbacks.rb:81:in `run_callbacks'
actionpack (4.2.5) lib/action_dispatch/middleware/callbacks.rb:27:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/reloader.rb:73:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/remote_ip.rb:78:in `call'
better_errors (2.1.1) lib/better_errors/middleware.rb:84:in `protected_app_call'
better_errors (2.1.1) lib/better_errors/middleware.rb:79:in `better_errors_call'
better_errors (2.1.1) lib/better_errors/middleware.rb:57:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/debug_exceptions.rb:17:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/show_exceptions.rb:30:in `call'
railties (4.2.5) lib/rails/rack/logger.rb:38:in `call_app'
railties (4.2.5) lib/rails/rack/logger.rb:20:in `block in call'
activesupport (4.2.5) lib/active_support/tagged_logging.rb:68:in `block in tagged'
activesupport (4.2.5) lib/active_support/tagged_logging.rb:26:in `tagged'
activesupport (4.2.5) lib/active_support/tagged_logging.rb:68:in `tagged'
railties (4.2.5) lib/rails/rack/logger.rb:20:in `call'
quiet_assets (1.1.0) lib/quiet_assets.rb:27:in `call_with_quiet_assets'
actionpack (4.2.5) lib/action_dispatch/middleware/request_id.rb:21:in `call'
rack (1.6.4) lib/rack/methodoverride.rb:22:in `call'
rack (1.6.4) lib/rack/runtime.rb:18:in `call'
activesupport (4.2.5) lib/active_support/cache/strategy/local_cache_middleware.rb:28:in `call'
rack (1.6.4) lib/rack/lock.rb:17:in `call'
actionpack (4.2.5) lib/action_dispatch/middleware/static.rb:116:in `call'
rack (1.6.4) lib/rack/sendfile.rb:113:in `call'
railties (4.2.5) lib/rails/engine.rb:518:in `call'
railties (4.2.5) lib/rails/application.rb:165:in `call'
rack (1.6.4) lib/rack/lock.rb:17:in `call'
rack (1.6.4) lib/rack/content_length.rb:15:in `call'
rack (1.6.4) lib/rack/handler/webrick.rb:88:in `service'
/Users/elizabethbayardelle/.rbenv/versions/2.2.4/lib/ruby/2.2.0/webrick/httpserver.rb:138:in `service'
/Users/elizabethbayardelle/.rbenv/versions/2.2.4/lib/ruby/2.2.0/webrick/httpserver.rb:94:in `run'
/Users/elizabethbayardelle/.rbenv/versions/2.2.4/lib/ruby/2.2.0/webrick/server.rb:294:in `block in start_thread'
由于评论表格小且难以辨认,我想用答案的形式写。
我们已经做了如下两个修复
使用静态路径作为ajax请求的url,如
$.ajax({ url: "/events/update_to_previous_events" })
将自定义路由行置于资源之前:事件
get 'events/update_to_previous_events'
get 'events/update_to_upcoming_events'
resources: events
我忽略了render:nothing=>true
在events\u controller
中,它实际上对视图没有任何作用。如果要将数据传递到页面,例如:
事件控制器:
def update_to_previous_events
@events = Event.where("date < ?", Date.today).order('date DESC')
render json: { :events => @events }
end
如果您不确定如何部分地重新呈现页面,我想这会对您有所帮助。由于评论表单很小且难以辨认,我想用回答表单来写。
我们已经做了如下两个修复
使用静态路径作为ajax请求的url,如
$.ajax({ url: "/events/update_to_previous_events" })
将自定义路由行置于资源之前:事件
get 'events/update_to_previous_events'
get 'events/update_to_upcoming_events'
resources: events
我忽略了render:nothing=>true
在events\u controller
中,它实际上对视图没有任何作用。如果要将数据传递到页面,例如:
事件控制器:
def update_to_previous_events
@events = Event.where("date < ?", Date.today).order('date DESC')
render json: { :events => @events }
end
如果您不确定如何部分重新呈现页面,我想这会对您有所帮助。url:“‘更新到以前的事件’”
@Dimitry\N进行更改后,我的控制台显示此错误:Uncaught ReferenceError:update_to_previous_events_path未定义
在控制台中运行rake_routes
,并使用您看到的update_to_previous_events
events_update_to_to_previous_events GET/events/update_to_previous_事件的路径(:format)events#update_to_previous_events
您是否尝试过$.ajax({url://events/update_to_previous_events})代码>?url:“‘更新到以前的事件’”
@Dimitry\N进行更改后,我的控制台显示此错误:Uncaught ReferenceError:update_to_previous_events_path未定义
在控制台中运行rake_routes
,并使用您看到的update_to_previous_events
events_update_to_to_previous_events GET/events/update_to_previous_事件的路径(:format)events#update_to_previous_events
您是否尝试过$.ajax({url://events/update_to_previous_events})代码>?谢谢你。非常有用。正如预测的那样,我仍在努力解决如何部分重新渲染页面的问题。我以前从未使用过JSON对象……我很高兴能帮助您。如果您对重新渲染有疑问,可以关闭此问题并提出新问题。坚持住!谢谢你。非常有用。正如预测的那样,我仍在努力解决如何部分重新渲染页面的问题。我以前从未使用过JSON对象……我很高兴能帮助您。如果您对重新渲染有疑问,可以关闭此问题并提出新问题。坚持住!