Navigation

AJAXを使用してWordPress管理画面で非同期処理を行う方法

📅 7月 9, 2025
👤
1 min read

概要

  • ユースケース: WordPress管理画面でのデータの非同期保存や更新など、ユーザーエクスペリエンスを向上させるためにAJAXを使用する必要がある場合にこのスニペットが役立ちます。
  • 前提条件: WordPressの管理画面でAJAXを使用するためには、jQueryが既に読み込まれていることが前提条件です。

サンプルコード


// functions.phpに以下のコードを追加
add_action('wp_ajax_my_ajax_action', 'my_ajax_function');
add_action('wp_ajax_nopriv_my_ajax_action', 'my_ajax_function');

function my_ajax_function(){
    // ここに非同期処理のコードを記述
    wp_die();
}

解説

  • `wp_ajax_my_ajax_action`と`wp_ajax_nopriv_my_ajax_action`アクションフックを使用して、非同期処理を実行する関数`my_ajax_function`を登録しています。
  • 関数内では、非同期で行いたい具体的な処理を記述し、`wp_die()`関数でWordPressの実行を終了します。

ベストプラクティス

  • AJAXの処理が複雑になる場合は、セキュリティ面やエラーハンドリングを考慮して適切な処理を行うようにします。
  • AJAXリクエストの成功・失敗に応じて適切なメッセージをユーザーに表示することで、ユーザーエクスペリエンスを向上させることができます。

これはWordPress管理画面でAJAXを使用して非同期処理を行うための基本的な方法を示したものです。必要に応じて、セキュリティやエラーハンドリングなどを適切に実装して、スムーズなユーザーエクスペリエンスを提供できるようにしてください。

← Back to WordPress