AjaxをWordPressプラグインに追加します

この記事では、WordPressプラグイン内のAJAXを活用してユーザーエクスペリエンスを強化する方法について説明します。 Ajaxは、フルページのリロードなしで複雑なアクションを可能にし、応答性を向上させます。 これは、jqueryを使用してデータ送信を使用して達成され、すべてのリクエストが

。admin-ajax.phpに向けられています。

重要な概念：

• wordpress ajaxアクション：（ログインユーザー）およびwp_ajax_$action（ログインしていないユーザー）Connect javascriptとphp。wp_ajax_nopriv_$action
• セキュリティ： ajaxにとって重要です。 を使用して、検証のためにwp_create_nonceを生成し、check_ajax_refererを生成し、不正なリクエストから保護します。
• デバッグ：ブラウザ開発者ツール（ネットワークタブ）とwp_debug/wp_debug_log inエラーログを使用してください。 wp-config.php

ajaxは通常、フォームの送信またはボタンクリックの後にトリガーし、サーバー側の処理のためにデータを送信します。 たとえば、

jQueryはこのデータを

var data = {
    action: 'spyr_plugin_do_ajax_request',
    var1: 'value 1',
    var2: 'value 2'
};

に投稿します。

にある間、それはフロントエンドとバックエンドの相互作用を処理します。 admin-ajax.php/wp-adminパラメーター（例：

）はJavaScriptとPHPをリンクします。 アクションをプレフィックスする（

など）一意性が保証されます。action spyr_plugin_do_ajax_request WordPressは専用のアクションを提供します：spyr_

：ログインしたユーザーの場合。

• wp_ajax_$action：ログインされていないユーザーの場合。
• プラグインへのフックのサンプルフック：wp_ajax_nopriv_$action

実用的な例が次のとおりです。プラグインがAjax経由でフロントエンドから投稿を削除できるようにするプラグインです。 これには次のことが含まれます

add_action( 'wp_ajax_spyr_plugin_do_ajax_request', 'spyr_plugin_do_ajax_request' );
add_action( 'wp_ajax_nopriv_spyr_plugin_do_ajax_request', 'spyr_plugin_do_ajax_request' );

javascript：

ajaxスクリプトが含まれています。

1. リンクの削除：各投稿に追加され、削除をトリガーします。
2. PHPハンドラー： Ajaxリクエストを処理します。
3. jQueryの取り扱い：ボタンのクリックと応答を管理します。
4. スクリプトEnqueueing：ページにスクリプトを追加します
コードスニペットは、これらのコンポーネントを説明し、セキュリティチェック（ユーザー許可と非CE検証）を強調します。 このプロセスには、
5. を使用してNonCEの作成、で検証すること、および削除後のを使用することが含まれます。 エラー処理とフィードバックメカニズムも組み込まれています。 このコードは、jQueryの
メソッドを使用してデータを送信する方法を示し、jqueryの

メソッドを使用してXML応答を解析する方法を示しています。

この記事は、ajaxの実装のしやすさをWordPressに容易にすることで締めくくり、wp_ajax_$actionおよび

以上がAjaxをWordPressプラグインに追加しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。