ironman-simple-ajax.js

functions.php

/**
 * 測試 AJAX - 註冊 JS
 *
 * @return void
 */
function ironman_test_ajax_scripts() {
	wp_enqueue_script( 'jquery' );
	wp_enqueue_script(
		'ajax-demo',
		get_template_directory_uri() . '/assets/js/ironman-simple-ajax.js',
		array( 'jquery' ),
		'1.0',
		true
	);

	wp_localize_script(
		'ajax-demo',
		'demo_object',
		array(
			'ajax_url' => admin_url( 'admin-ajax.php' ),
		)
	);
}

/**
 * 測試 AJAX - 這裡註冊到鉤點中
 *
 * @return void
 */
function ironman_test_ajax_handler() {
	echo '這是 2023 鐵人賽的範例唷!';
	wp_die();
}

add_action( 'wp_enqueue_scripts', 'add_my_scripts' );
add_action( 'wp_ajax_test_action', 'ironman_test_ajax_handler' );
add_action( 'wp_ajax_nopriv_test_action', 'ironman_test_ajax_handler' );

gistfile1.txt

jQuery(document).ready(function($) {
  const demoObj = window.demo_object;

  $('#simple-button').click(function() {
    $.ajax({
      type: 'POST',
      url: demoObj.ajax_url,
      data: {
        action: 'test_action'
      },
      success: function(response) {
        alert(response);
      },
      error: function() {
        alert("發生錯誤");
      }
    });
  });
});

html

<button id="simple-button">按這裡測試</button>