jQueryのよく使いそうなAjax関係のAPIをまとめてみました ｜ スターフィールド株式会社
ページの更新性を高めたり、 ページの読み込みを早くしたり、ページ操作のストレスを軽減したりする目的で、 Ajaxが使われる機会はとても増えてきています。 jQueryはこのAjaxの機能を、とても使いやすくしてくれます。 ただ、その記述方法は目的によっていくつかあり、 その記述方法は昔のjQueryのバージョンとは変化してます。 そこで、今のjQuery(1.8以降)でのAjaxの基本的な使い方をまとめてみました。 「$.ajax()」: Ajax全般を扱う 通信を行うファイルの形式を選ばない、汎用的な方法です。 $(function(){ /*---------------- Ajax全般 ----------------*/ //最小限 $.ajax({ url: "module.html" }).done(function(data){ //ajaxの通信に成功した場合 alert(
jQuery.ajax()のまとめ
jQuery.ajax()について逆引きリファレンスっぽくまとめてみました。 まとめた理由は、ネットで「jQuery.ajax」や「jQuery.ajax サンプル」などで調べても、いい感じの内容がなかなかヒットしないことと、よくヒットするサイトの情報が古かったりする（1.4で止まっているとか）ためです。 ということで、2012年10月現在2014年10月現在の「jQuery.ajax()」などをざっと調べて作ってみました。 初心者向けの内容です。すべてのオプションは網羅できていません。とりあえずサンプルコードがほしい方は１５項をご覧ください。 若番から必要と思われるものを順番に並べているつもりですが、後半は適当です。また、各項のサンプルはなんとなく積み上げていく感じにしています。 調べている間にも3つくらい新しい発見（といっても古い情報ですが…）があり、jQueryが日々進化していること
masonry + ajaxでpinterest風タイルビューを実現する - Qiita
pinterestのような、 ・要素を隙間なく敷き詰める ・ブラウザのリサイズに応じて配置も変わる といった機能を持つタイルビューを実現するjsのライブラリはいくつかあります その中でも今回は定番のmasonryを使い、 ajaxでページングして下に下にコンテンツをページ遷移なしで追加してみます 基本的なmasonryの使い方は他に記事が大量にあるのでここでは解説しませんよ! 完成イメージは(手前味噌ですが)こんなかんじです↓ tokyotownname.com では始めます、 画像がいくつかトップにあり、 その下に「もっと読む」ボタンがあるとします。ありがちですね。 <!-- タイルビュー --> <div id="images"> <div id="image-unit">....</div> <div id="image-unit">....</div> ...... <div id
IsotopeでPinterest風レイアウトを実装する。Ajaxロードもあるよ。
今回、Isotopeプラグインを使ってArchiveページを実装したのでメモ。 Masonryプラグインを使った実装は、前回の記事を参照して下さい。 基本的な実装Masonryとほぼ同じです。 Isotopeでは、レイアウトオプションが増えたため、masonryプロパティに設定を書きます。 $(function() { $('#container').isotope({ itemSelector: '.item', masonry: { columnWidth: 50 } }); }); ちょっと修正する前回同様、小気味よい感じにするために手を加える。 HTMLHTMLのマークアップはMasonryと同様。 描画が終わるまでローディングを表示したいので、ローディング用のdivを置き、#containerにグリッド幅計算用の.grid-sizerを用意します。例によって、#container
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
