WordPress での Ajax 呼び出し: 出力の問題のトラブルシューティング

Ajax 呼び出しは出力として常に 0 を返し、原因について困惑しています。この問題を修正するには、次の点を考慮してください。

WordPress のグローバル ajaxurl 変数:

WordPress は、AJAX 呼び出しを容易にするバックエンドでグローバル ajaxurl 変数を定義します。ただし、この変数はフロントエンドでは使用できません。

フロントエンドで ajaxurl を定義する:

フロントエンドで AJAX 呼び出しを利用するには、ajaxurl 変数を手動で定義する必要があります。 。効果的な方法の 1 つは、wp_localize_script.

wp_localize_script を使用することです。

AJAX 呼び出しが my-ajax-script.js にあると仮定して、次のように wp_localize_script を使用します。

function my_enqueue() {
    wp_enqueue_script( 'ajax-script', get_template_directory_uri() . '/js/my-ajax-script.js', array('jquery') );
    wp_localize_script( 'ajax-script', 'my_ajax_object', array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue' );

これにより、ajax_url を含む my_ajax_object オブジェクトが JS ファイルに作成されます。

Javascript で my_ajax_object を利用する:

スクリプトをローカライズした後、JS ファイルで my_ajax_object オブジェクトを利用します。

jQuery.ajax({
    type: "post",
    dataType: "json",
    url: my_ajax_object.ajax_url,
    data: formData,
    success: function(msg){
        console.log(msg);
    }
});