AJAXを使用すると、ページ遷移を行わずにデータを取得したり、送信したりする事ができます。
WordPressサイトでAJAXを使う方法をまとめました。
WordPressでAJAXを使う方法
公開日 :
Javascriptでサイトのデータを扱う方法
公開日 :
Javascriptの処理上で、サイトやページによって変化するような値を扱いたい場合があります。
例えば、AJAXのエンドポイントです。
|
1 2 3 4 5 6 7 8 9 |
$.ajax({ type: "POST", // urlは本番環境かテスト環境かによって違う url: "http://my-domain.com/wp-admin/admin-ajax.php", data: "query=hoge", success: function(msg){ alert(msg); } }); |
このような不定の値を、Javascript内で扱う方法を紹介します。
WordPressでjQueryを使うための3つのポイント
公開日 :
WordPressでは、通常のHTMLページと同じようにJavascriptを使用する事ができます。
しかし、jQueryを使う場合には特別な注意が必要で、気を付けないと正常に動作しません。
ここでは、WordPressでjQueryを使うための3つのポイントを紹介します。
Javascriptファイルをロードする
公開日 :
WordPressでJavascriptのスクリプトファイルをロードする場合には、WordPressの関数を使用します。
通常のHTMLのように<script>タグを書き込んでも、きちんと動作してくれる場合もありますが、WordPressの仕様やプラグインとの関連で不具合を起こす原因になりますので、スクリプトファイルをロードする関数wp_enqueue_scriptを必ず使用しましょう。