{"id":1499,"date":"2006-10-20T01:59:39","date_gmt":"2006-10-19T17:59:39","guid":{"rendered":"http:\/\/ihower.idv.tw\/blog\/archives\/1499"},"modified":"2008-09-29T01:08:53","modified_gmt":"2008-09-28T17:08:53","slug":"rails-rjs-templates-%e5%b0%8f%e6%8e%a2","status":"publish","type":"post","link":"https:\/\/ihower.tw\/blog\/1499-rails-rjs-templates-%e5%b0%8f%e6%8e%a2","title":{"rendered":"Rails RJS Templates \u518d\u63a2"},"content":{"rendered":"

\u5982\u679c\u770b\u4e86\u4e0a\u4e00\u7bc7<\/a>\uff0c\u4ee5\u70ba\u6709\u4e86RJS\u5c31\u4e0d\u7528\u5b78\u4e0d\u7528\u5beb Javascript \u8ddf Prototype.js\uff0c\u90a3\u5c31\u932f\u4e86… :p<\/p>\n

RJS\u00a0\u4f60\u53ef\u80fd\u6703\u4ee5\u70ba\u662f Ruby JavaScript\uff0cRuby \u8981\u7d71\u4e00 JavaScript \u4e86\u3002\u4e0d\u904e\u5176\u5be6\u662f Remote JavaScript \u7684\u610f\u601d\uff0c\u9867\u540d\u601d\u7fa9\u5b83\u4e3b\u8981\u7528\u65bc Ajax Request \u7684\u9060\u7aef\u56de\u61c9\u3002\u4e0d\u9700\u8981\u7528 Ajax \u7684\u5730\u65b9\u9084\u662f\u61c9\u8a72\u4e56\u4e56\u7528 Javascript \u4f86\u5beb(\u4f60\u8981\u900f\u904eRJS\u7e5e\u4e00\u5708\u4f86\u505a\u4e5f\u6c92\u4ec0\u9ebc\u8fa6\u4e0d\u5230\u5566~)<\/strike>\u00a0\u5728rhtml\u4e2d\u5c31\u5beb\u597dJavascript\uff0c\u9664\u4e86\u76f4\u63a5\u5beb \u00a0Javascript code \u4e4b\u5916\uff0c\u4e5f\u53ef\u4ee5\u7528 update_page \u548c update_page_tag<\/a> \u4f86\u751f\u6210Javascript code(\u611f\u8b1dcontagious<\/a>\u88dc\u5145\u4fee\u6b63<\/em>)\u3002\u4e00\u4f86\u662f\u6548\u7387\u6642\u6548\u8003\u91cf\uff0c\u4e8c\u4f86\u4e5f\u8b93RJS\u4fdd\u6301\u4e7e\u6de8\u3002\u6240\u4ee5\u9084\u662f\u8981\u6703 Javascript\u8ddfPrototype\u624d\u80fd\u6b63\u78ba\u904b\u7528RJS\u7684\u65b9\u4fbf\u6027\u3002\u55ef\uff0c\u9084\u5728\u52aa\u529b\u5b78\u7fd2\u4e2d… \u771f\u662f\u592a\u795e\u5999\u4e86… Orz\u00a0<\/p>\n

\u627f\u4e0a\u4e00\u7bc7\u7684\u7bc4\u4f8b\uff0c\u6700\u7c21\u55ae\u7684\u4f8b\u5b50\u5c31\u662f\u8f09\u5165\u756b\u9762<\/a>\uff0c\u9019\u73a9\u610f\u7576\u7136\u4e0d\u9700\u8981\u518d\u767c Ajax Request\u4e86\u3002<\/p>\n

\u4fee\u6539 form_remote_tag \u52a0\u5165 loading \u8ddf complete \u8981\u547c\u53eb\u7684 Javascript \u51fd\u5f0f\u3002\u53ca\u65b0\u589e Loading \u5340\u584a\u3002<\/p>\n

#\/app\/views\/index.rhtml
\n< %= form_remote_tag :url => { :action =>’note’ },
\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 :html => {:id=>’note-form’ } ,
\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 :loading => ‘NoteForm.disable()’,
\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 :complete => ‘NoteForm.enable()’<\/strong> %>
\n< %= text_field_tag ‘note’,nil,:size => 40 %>
\n< %= submit_tag ‘submit’ %>
\n< %= end_form_tag %><\/p>\n

< div id=”notes”>< \/div>
\n< div id=”indicator” style=”padding-right: 3px; display: none; padding-left: 3px; right: 0px; background: red; padding-bottom: 3px; color: white; padding-top: 3px; position: absolute; top: 0px”>Loading…< \/div><\/strong><\/p><\/blockquote>\n

\u65b0\u589e Javascript \u51fd\u5f0f\u5169\u500b\uff0c\u6253\u958bLoading\u53ca\u95dc\u9589Loading\u3002<\/p>\n

#\/public\/javascripts\/applications.js
\nvar NoteForm = {}<\/p>\n

NoteForm = {
\n\u00a0 disable: function() {
\n\u00a0\u00a0\u00a0 Element.show(‘indicator’);
\n\u00a0\u00a0\u00a0 Form.disable(‘note-form’);
\n},
\n\u00a0 enable: function() {
\n\u00a0\u00a0\u00a0 Element.hide(‘indicator’);
\n\u00a0\u00a0\u00a0 Form.enable(‘note-form’);
\n\u00a0}
\n}<\/p><\/blockquote>\n

\u9806\u9053\u88dc\u5145\uff0c\u56e0\u70ba”\u8f09\u5165\u4e2d”\u5be6\u5728\u592a\u5e38\u7528\u4e86\uff0c\u6240\u4ee5 Prototype.js \u9084\u6709\u63d0\u4f9b Ajax Global Responders \u8b93\u4f60\u53ea\u8981\u6709\u4efb\u4e00Ajax Request\u5c31\u81ea\u52d5\u57f7\u884c\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

\u5982\u679c\u770b\u4e86\u4e0a\u4e00\u7bc7\uff0c\u4ee5\u70ba\u6709\u4e86RJS\u5c31\u4e0d\u7528\u5b78\u4e0d\u7528\u5beb Javascript \u8ddf Prototype.js\uff0c\u90a3\u5c31\u932f\u4e86&# … <\/p>\n

\u95b1\u8b80\u5168\u6587\u3008Rails RJS Templates \u518d\u63a2\u3009<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[33,5,53],"tags":[],"class_list":["post-1499","post","type-post","status-publish","format-standard","hentry","category-javascript","category-programming","category-rails","entry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1q6tG-ob","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/posts\/1499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/comments?post=1499"}],"version-history":[{"count":0,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/posts\/1499\/revisions"}],"wp:attachment":[{"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/media?parent=1499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/categories?post=1499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/tags?post=1499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}