htmlとajaxに関するsnjxのブックマーク (4)
-
2019/12/03追記 Rails 6.0.x 版を書きました ↓ Rails 6.0.x標準で Ajax+(jQuery+Partial) でHTML部分更新する世界一シンプルなサンプル TL;DR (長い3行で) Ajaxの勉強をするにあたり,Rails上でAjaxするためのサンプルを探していたのですが,Rails 5.xがもともとテンプレとして持っている.html.erbや.coffeeではなく,.html.hamlや.js.erbを使ったものもあり,ヨコ道知識を調べながらになってしまったので,できる限りrails newした状態からの差分が少ない,世界一シンプルなサンプルコードを目指してまとめてみました. ざっくりシーケンス だいたい ↓ のようなシーケンスを実現します. Client-Server間でSession張って双方向通信とかそういうところはRails Framewor
-
はーい、元気ですかー?ロックンロール!今現在、SAStrutsを使い始めて2つめのプロジェクトを荒々しくコーディング中なんですが、今回はJQueryを利用したAjax処理をあちこちで採用してます。 マスタ管理とかの一覧のページングとかはAjaxだし、追加・更新もajaxでlightbox風な感じで表示してるし。 で、リクエストが正常に処理された場合はおkなんですが、入力エラーだったりセッションが切れてたり例外が出たときに、デフォルトのままエラー画面とかにforwardすると、ブラウザ側でエライことになっちまいますよね? divの中にエラー画面がloadされたり、javascriptをevalしようとしたら実はHTMLだったぜ的な。 そこで、今回はRequestのヘッダーの中身によって、Ajaxでのリクエストなのか、クライアントはHTMLを期待しているのかそれともjavascriptやjs
-
jQuery の jQuery . ajax( settings ) メソッドを使った Ajax リクエストで、html形式のデータを読み込み、表示する方法。 実装例︵サンプル︶ 実装例︵サンプル︶の動作について ﹁toggle﹂ボタンをクリックすると、﹁jquery-sample-ajax-html.html﹂ファイルを読み込み、黄色のボックス要素内に表示する。﹁toggle﹂ボタンを、再度クリックすると、元に戻す。 実装例︵サンプル︶のソースコード JavaScript <script> <!-- jQuery( function() { jQuery( '#jquery-sample-button' ) . toggle( function() { jQuery . ajax( { url: 'jquery-sample-ajax-html.html', success: funct
-
jQuery.ajax()で取得したHTMLの一部を抜き出す方法を紹介します。1.問題点 次のように、ajax()メソッドで取得したHTMLを丸ごと埋め込むサンプルはネットで多くみかけます。 <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $.ajax({ url: 'http://user-domain/foo.html', dataType: 'html', }) .done(function(data) { $("#bar").html(data); }) .fail(function(data) { // ... }); </script> <div id="bar"></div> が、取得したHTMLの一部だけを抜き出して利用したい場合、どのように記述す
-
1