Ajax 処理で .js.erb を使う書き方/使わない書き方 - わからん
Rails3 の remote => true な Ajax 処理では .js.erb を使うか、JS で Rails が追加したカスタムイベントを使うのがレールにのった方法です。WEB+DB PRESS vol.58 詳解Rails3 p26 あたりの、簡易ブログアプリの一覧画面での Ajax 検索が .js.erb を使っていたので、カスタムイベント版にして動作を確認しておきました。 まずは index.js.erb を使わない場合。 ▼ posts/index.html.erb <%= form_for @search_form, :url => posts_path, :remote => true, :html => {:method => :get} do |f| %> <%= f.search_field :q %> <%= f.submit '検索' %> <% end %
RailsでAjaxリクエストが2回行ってしまうときにチェックすべき3つの事 - Qiita
1. jQueryを2回読み込んでいないか確認する Rails3.1からAsset Pipelineが導入されたため、誤ってjQueryを2回読み込んでしまっている、なんて事故が起こりがちなようです。 まず、application.jsでrequire_treeしているときに、assets/javascript直下にjquery.jsを配置していないか確認する。 上記を確認しても解消しない場合は、rake assets:precompileしたデータがpublic/assets以下にないか確認する。2回jQueryを読み込んでしまっていたスクリプトがそのまま残っているかも知れません。あったら削除してしまいましょう。 再発防止のためにconfig/environments/development.rbに以下のコードを追加しても良いでしょう。
Ruby on Rails3でlink_toでAjax処理
rails3でlink_toタグを使ってAjaxを利用する場合のメモ書きです。 実行環境はruby1.9.3p0,rails3.2.2,postgres 難易度★★★☆☆ rail3でajax処理をおこなう時に一番困ったのが、ググるとremote_functionタグを使ったやり方が多かったことです。 この機能はrail2.Xまでは一般的だったらしい(知らないけど)のですが、remote_functionタグはrails3では利用できません。 色々と調査したのですが、rails3ではjqueryを使ってajax処理を行うのがよいみたいです。以下に実装してみました。 jqueryの導入 アプリケーションフォルダ配下のGemfileにjqueryの記述を追記します。 vi Gemfile gem 'jquery-rails' 保存したらjqueryファイルをインストールします。 bundle
ラジオボタンをクリックするとアクションを呼ぶようにする | 超ド素人のRuby on Rails挑戦日記
一定期間更新がないため広告を表示しています
一括削除の機能を追加する。 - ザリガニが見ていた...。
以前、softwarebookプロジェクトでやったように（日記2/14〜2/18頃）、一括削除の機能を追加してみた。今回は、実現する機能は同じだけど、もう少し効率的な方法で処理したい。 まずは削除対象を選択するチェックボックスの追加から。 app/views/csvs/_listd.rhtml ビュー（リストデータの1行を描画する部分） 削除リンクをコメントアウトで取り除いて、チェックボックスを追加した。 そのチェックボックスをobserve_fieldで監視して、クリックされたらchecked_updateアクションを実行、チェックされた行の強調表示をon/offを処理する。 以前はここでlist_updateアクションを実行して、リストデータ全体を再描画していた...。（1行の更新のために、全体を再描画、なんと無駄の多いことか。） チェックボックスで選択項目を取り出したい場合は、che
Rails3でAjax処理をするRails3っぽい方法 - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年09月18日11:21 Ruby JavaScript Rails3でAjax処理をするRails3っぽい方法 Rails3でAjax処理するときって、このように :remote => true を指定しますよね。 = link_to 'link', ajax_path, :remote => true そうするとajax_path（この場合は ↓ のajax#sample）にAjaxリクエストが送られます。 class AjaxController < ApplicationController def sample respond_to do |format| format.html # sample.html.haml format.js # sample.js.haml end end end 通常、Ajax処理はjsとして処理されるため、sample.js.hamlがレ
「Ruby on Railsで簡単で素早くWebアプリを開発する」 最終回 Rails + jQuery でAjaxを使ってみよう
最終回 Rails + jQuery でAjaxを使ってみよう 連載最終回は、RailsとjQueryを使って、Ajaxを利用したブラウザとサーバー間のデータ受け渡しについて触れたいと思います。巷では、数年前からAjaxが当たり前の技術として広まっており、読者の皆さんがAjaxに触れる機会はとても多いことでしょう。Rails3.0.xまでは、PrototypeというJavaScriptライブラリが標準でインストールされています。しかし今回は、Prototypeではなく、jQueryを利用してAjaxを実現させます。なお、Rails3.1からは、jQueryが標準となりました。 新規プロジェクトの作成 まずは、今回の記事を進めるにあたり、新しくRailsのプロジェクトを作成しましょう。プロジェクト名は「lesson05」にします。プロジェクトの作成方法については、連載第１回をご参照ください（
フルAjaxで動くRailsアプリを作ってみたよ。 | Ginpen.com
scaffoldを使うとCRUDが揃った「土台」を一発で作れるわけですが、それをアレコレして全ての操作をAjax化してみたので、手順をまとめました。 記事を読むのがだりぃって方はソースコードをGitHubで公開してるので、そちらをご覧ください。 RubyもRailsもあんまり触った事がないので、識者によるツッコミ歓迎します。 (｀・ω・´) 概要 やること indexの画面だけでCRUD、つまり新規作成 (Create)、表示 (Read)、編集 (Update)、削除 (Delete)を行えるよう、scaffoldで作成したファイルをいじります。 結論 form_for()にremote: trueを与えるだけで、とりあえずAjax化します。あとはサーバー側のレスポンスの内容を整えて、クライアント側で適切に処理してやればOKです。 作業 下準備（scaffoldとか） indexに編集フ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
