WordPress で Ajaxを利用する | バシャログ。
どうもfujiharaです。今年度も残す所1ヶ月となりましたね。 今回はWordPressでAjax を利用する方法を今更ながらご紹介します。 今更感ありますが、過去記事にもなかったのと最近知ったので紹介させてください。 背景 WordPress で Ajaxを使う場合自分でテーマディレクトリにファイル置いて、アクセスとか functions.php 内にRequest URIで判定して処理するような記述を書いていたんですが、 使用しているプラグインとセットで機能を拡張しようとしていて眺めていたら wp_ajax_... って記述を 見つけて覚えました。 WordPress ( add_action ) <php ... add_action('wp_ajax_check_ajax', function() { // 処理を記述 echo json_encode([]); die(); }
ページ遷移を意識させないアニメーションによるページ切り替え効果実装:phpspot開発日誌
Animated Page Transition 2 in Ajax | CodyHouse ページ遷移を意識させないアニメーションによるページ切り替え効果実装 Ajaxを使ってはいるものの全くページ遷移を意識させませんが、URLはきっちり切り替わっている所が特徴。 当然きりかわったURLにアクセスしても同じようにページが表示されます。レスポンシブでアプリでも綺麗に表示されるのがいいですね。 iPhoneでみてみたところ枠以外はアプリにしか見えないのが素晴らしい。紙芝居のようなWEBはどんどん過去のものになっていきそう 関連エントリ オートコンプリート可能なプルダウン実装「jquery.ajax-combobox」 サイトのAjax化が簡単になるフレームワーク「intercooler.js」
xmlをjQueryで読み込んで表示する時に注意すること
サンプルコード ひとまず例として以下のコードがあります。ajaxで読み込みます。 $.ajax({ url: "xml01.xml", async: true, cache: false, dataType:"xml", success: function(xml){ $(xml).find('text').each(function(){ var text = $(this).text(); $('.txt01').append('<p>' + text + '</p>'); }); } }); この場合、処理のところで内容を取得するのですが、そのとき.text()で取得するとテキスト内容がそのまま表示されます。 それで問題なければそれでよいのですが、aタグなどのリンクを反映したい場合はこれではダメです。 <text><a href="#">リンク部分</a>テキスト</text> この
Ajax初心者入門講座
AjaxのプログラムでjQueryのreadyを使ってみましょう。 jQueryとはJavaScriptライブラリの一種で、今やデファクトスタンダードと言われるくらい人気です。 前回はわざとJavaScriptのプログラムの中で、jQueryの機能を呼び出していました。 何故なら、最初はできるだけ元のプログラムを変更せずに、 最小限の修正だけで動くようにしたかったからです。 でもjQueryっぽい書き方というか、 本来ならjQueryのイベントやメソッドを使った書き方があります。 そこで今回は、前のプログラムを、jQueryを主体として書き換えてみます。 早速、やってみましょう。 【1】前回に作成したsample002jq フォルダをコピーして sample002jq-2 フォルダを作成します。 【2】今回は以下のようなファイルの構成になります。 ・test.js を少しだけ変更します。
Google AJAX Feed APIでRSSフィードをタブで表示
まずはJavaScirpt部分です。フィードの数は自由に変更できますが、たくさん表示すると2段になるので注意してください。表示する記事数も変更できます。API keyはこちらのページで取得してください。 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したAPI key"></script> <script language="Javascript" type="text/javascript">//<
Ajax : 勉強用サンプル&解説
■Ajax : 勉強用サンプル&解説 Ajax (Asynchronous JavaScript+XML) がどのようなものか勉強用としてページやサンプルを作成しましたので参考にしてみてください。 最終更新日：2017/12/16 AM 9:27 Ajaxを勉強しよう jQuery入門 【短期集中連載】この冬作ろう！jQueryプラグイン講座 上のjQueryプラグイン講座の続き 【第13回を追加】 Yahoo UI Library入門 WebDesigning掲載サンプル マイコミジャーナル記事 (Ajax関連) Ajax エフェクト Ajax関連書籍一覧 Ajax ライブラリ一覧 Webサービス APIサイト一覧 Ajax ライブラリリファレンス Prototype系ライブラリ サンプルプログラム 逆引きAdobe Spryリファレンス Google Maps API リファレンス G
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajaxの学習ならAjaxTower
JavaScript Ajax 実践サンプル集