タグ

railsとAjaxに関するkatryoのブックマーク (5)

  • Ajax を使ってコメントを挿入

    Ajax をつかって、記事(article)にコメント(comment)を挿入するほうほう。よく使うわりにはいつもはまってしまうので備忘録。(カフェトークでは、レッスンにメモを追加するところにつかってます) article.rb class Article < ActiveRecord::Base belongs_to :user has_many :comments after_update :save_comments def new_comment_attributes=(comment_attributes) comment_attributes.each do |attributes| comments.build(attributes) if attributes[:content].length > 0 end end # ここでは使ってない def existing_com

    katryo
    katryo 2012/08/10
    ちょっと古い?
  • http://blog.yuku-t.com/entry/20110823/1314111340

    http://blog.yuku-t.com/entry/20110823/1314111340
    katryo
    katryo 2012/06/11
    Railsで使うときはレイアウトをオフにする。かとりょー覚えた
  • pjaxを導入して僕にも彼女ができました - hanagemanの日記

    なんかrails3.2でpjaxを公式にサポート云々みたいな話をきいてたけど、箱を開けてみたらそれっぽい差分がちょっと見当たらなくてついカッとなってしまったので、既存の資産で試してみることにしました。pjaxを。 rails向けのpjax-railsというgemがありますが、半年ぐらいメンテされてなくて不安なので、pjax-railsのなかで使われてるjquery-pjaxを普通につかうことにします。jquery-pjaxも4ヶ月ぐらい動きがないみたいですが、カッとなっているのでそういう細かいことは気にしません。 https://github.com/defunkt/jquery-pjax さっそく読み込んで、aタグにイベントをバインドしましょう。差し替える要素に"data-pjax-container"という属性が記述されてるものとします。 $("a:not([data-remote])

  • #294 Playing with PJAX - RailsCasts

    pjaxはChris WanstrathによるjQueryプラグインで、HTTPリクエストでページ全体を取得するのではなく、AJAXリクエストによってページの一部を簡単に更新できるようにします。デモページでどのように動作するかを見ることができます。デフォルトでは、このページにあるいずれかのリンクをクリックするとページ全体がリロードされます。これはページ上の時刻表示が変わることでわかります。チェックボックスをクリックしてpjaxを有効化すると、リンクをクリックしてもページ全体がリロードされることはなく時刻も更新されませんが、ページのメインセクションは変化します。 pjaxはpushStateを使用するのでユーザはAJAXリクエストがバックグラウンドで生成されていることに気づきません。pjaxがページを更新するごとにアドレスバーのURLが更新され、ページのタイトルが変わり、前のページがブラウザ

    katryo
    katryo 2012/06/11
  • フルAjaxで動くRailsアプリを作ってみたよ。 | Ginpen.com

    scaffoldを使うとCRUDが揃った「土台」を一発で作れるわけですが、それをアレコレして全ての操作をAjax化してみたので、手順をまとめました。 記事を読むのがだりぃって方はソースコードをGitHubで公開してるので、そちらをご覧ください。 RubyRailsもあんまり触った事がないので、識者によるツッコミ歓迎します。 (`・ω・´) 概要 やること indexの画面だけでCRUD、つまり新規作成 (Create)、表示 (Read)、編集 (Update)、削除 (Delete)を行えるよう、scaffoldで作成したファイルをいじります。 結論 form_for()にremote: trueを与えるだけで、とりあえずAjax化します。あとはサーバー側のレスポンスの内容を整えて、クライアント側で適切に処理してやればOKです。 作業 下準備(scaffoldとか) indexに編集フ

  • 1