WordPress 中使用 AJAX 调用第三方 API 并更新状态的正确姿势

// 注册 AJAX 端点
add_action( 'wp_ajax_io_operators_get_current_service_state_ajax', 'io_operators_get_current_service_state_ajax' );
add_action( 'wp_ajax_nopriv_io_operators_get_current_service_state_ajax', 'io_operators_get_current_service_state_ajax' );

// AJAX 处理函数
function io_operators_get_current_service_state_ajax() {

    try {
        $result = io_operators_get_current_service_state(); // 调用第三方 API 的函数

        // 使用 wp_send_json 函数发送 JSON 响应
        wp_send_json_success( $result ); // 发送成功响应

    } catch (Exception $e) {
        // 捕获异常并发送错误响应
        wp_send_json_error( $e->getMessage() ); // 发送错误响应
    }

    wp_die(); // 结束 AJAX 请求
}

function io_operators_get_current_service_state() {
    // 第三方 API 的 URL
    $api_url = 'https://api.example.com/status';

    // 使用 wp_remote_get 函数发送 HTTP 请求
    $response = wp_remote_get( $api_url );

    // 检查是否发生错误
    if ( is_wp_error( $response ) ) {
        $error_message = $response->get_error_message();
        throw new Exception( 'Something went wrong: ' . $error_message );
    }

    // 获取 HTTP 状态码
    $http_code = wp_remote_retrieve_response_code( $response );

    // 检查 HTTP 状态码是否为 200
    if ( $http_code !== 200 ) {
        throw new Exception( 'HTTP error: ' . $http_code );
    }

    // 获取响应体
    $body = wp_remote_retrieve_body( $response );

    // 将 JSON 响应体解码为 PHP 数组
    $data = json_decode( $body, true );

    // 检查 JSON 解码是否发生错误
    if ( json_last_error() !== JSON_ERROR_NONE ) {
        throw new Exception( 'JSON decode error: ' . json_last_error_msg() );
    }

    return $data;
}

jQuery(document).ready(function($) {
    var io_operators_status_update = function() {
        $.ajax({
            url: "/wp-admin/admin-ajax.php",
            type: "POST",
            data: {
                action: "io_operators_get_current_service_state_ajax"
            },
            success: function(response) {
                // 检查响应是否成功
                if (response.success) {
                    var data = response.data; // 获取 API 返回的数据
                    console.log(data);

                    // 根据 API 返回的数据更新复选框状态
                    if (data.status === 'online') {
                        $('#my-checkbox').prop('checked', true);
                    } else {
                        $('#my-checkbox').prop('checked', false);
                    }
                } else {
                    // 处理错误情况
                    console.error(response.data);
                }
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log("AJAX Error: " + textStatus + ' - ' + errorThrown);
            }
        });
    }
    io_operators_status_update();
    setInterval(io_operators_status_update.bind(null), 10000);
});