IT用語
ページを再読み込みせずに、JavaScriptでサーバーと通信して画面の一部を更新する手法。
Ajax(Asynchronous JavaScript and XML)は、ページ全体を再読み込みせずに、JavaScript でサーバーと 非同期 に通信し、受け取ったデータで画面の一部だけを更新する手法です。名前には XML が入っていますが、現在はデータの形式に JSON を使うことがほとんどです。
例
- 検索の入力に合わせて候補を表示する
- 「もっと見る」ボタンで、記事の続きを読み込む
- いいねボタンを押すと、ページを移動せずに件数が増える
書き方
以前は XMLHttpRequest や jQuery の $.ajax() がよく使われていましたが、現在は標準の fetch() を使うのが一般的です。
WordPress での Ajax
WordPress では、admin-ajax.php にリクエストを送り、wp_ajax_(アクション名)のフックで処理を受け付ける方法や、REST API を使う方法があります。
セキュリティのポイント
- データを変更する処理では、nonce と権限を確認する(CSRF 対策)
- 受け取ったデータを画面に表示するときは、textContent を使うなど XSS に注意する
- ログインしていない利用者向けの処理(wp_ajax_nopriv_)は、誰でも呼び出せる前提で作る



