wordpressではadmin-ajax.phpを持参する

998 ワード

1フロントエンドページ
<script type="text/javascript">
        jQuery.ajax({
            type: 'POST',
            url: "<?php echo admin_url( 'admin-ajax.php' );?>",
            data: {
                action: 'myajax_submit'
            },
            success: function(res) {
                console.log(JSON.stringify("--"+res));
            }
        });
    </script>

2バックエンドfunctions.phpでリクエストを受け入れる
add_action( 'wp_ajax_nopriv_myajax_submit', 'myajax_submit' );
add_action( 'wp_ajax_myajax_submit', 'myajax_submit' );

function myajax_submit() {
	$response = json_encode( array( 'success' => true ) );

	header( "Content-Type: application/json" );
	echo $response;
	//          :     "exit"
	exit;
}

フロントエンドaction名とバックエンドwp_に注意ajax_nopriv_XXX名前接尾辞対応
残りはフォーマットに応じて変更すればいいのですが、
wp_ajax_nopriv_