如何在 wordpress 中设置 ajax url？我想在服务器端处理模式下用 datatables.net 调用它

Question

我想设置一个 ajax url 以将其与 wordpress 中的数据表一起使用。但是我不知道如何在wordpress中设置相应的url。我想这是一个相当容易的任务，但不知道该怎么做。

我找到了如何在 wordpress 中设置数据表服务器端处理的示例代码，但我正在努力将以下代码放在现实生活中（如何在 Wordpress 中创建相应的 FrontendConfig.ajaxurl？或者会更好创建一个 wordpress json 端点？）

jQuery

jQuery('#student_table').DataTable({
    "bProcessing": true,
    "serverSide": true,
    "ajax":{
        "url": FrontendConfig.ajaxurl+'?action=getStudentsFromExamIdAjax&exam_nounce=exam_nounce_data&exam_id=1',
        type: "post",
    }
});

WordPress php

add_action('wp_ajax_getStudentsFromExamIdAjax', 'getStudentsFromExamIdAjax' );
add_action('wp_ajax_nopriv_getStudentsFromExamIdAjax', 'getStudentsFromExamIdAjax' );

function getStudentsFromExamIdAjax(){
    if(empty($_GET['action']) || empty($_GET['exam_id'])){
        wp_send_json_error( new \WP_Error( 'Bad Request' ) );
    }

    if(isset($_GET['exam_id']) && $_SERVER['REQUEST_METHOD'] === 'POST' && wp_verify_nonce( $_GET['exam_nounce'], 'exam_nounce_data' )):

        $exam_id = (isset($_GET['exam_id'])) ? absint($_GET['exam_id']) : '';

        /*@ You can create a function to get the data here */
        $students = getStudentsFromExamId($exam_id);

        $tdata = [];
        foreach ($students as $key => $value):
            $tdata[$key][] = $value->roll_no;
            $tdata[$key][] = $value->name;
            $tdata[$key][] = $value->phone;
            $tdata[$key][] = 'action here';
        endforeach;

        $total_records = count($tdata);

        $json_data = array(

            /* $_REQUEST['draw'] comes from the datatable, you can print to ensure that */

            "draw"            => intval( $_REQUEST['draw'] ), 
            "recordsTotal"    => intval( $total_records ),
            "recordsFiltered" => intval( $total_records  ),
            "data"            => $tdata
        );

        echo json_encode($json_data);
    endif;

    wp_die();
}

Answer 1

您只需将以下 enqueue_style_and_scripts 设置到您的 function.php 文件中。您需要设置 wp_localize_script，勾选这个 link https://developer.wordpress.org/reference/functions/wp_localize_script/。 不要忘记根据您的编码要求更改代码。

  /*@ Enqueue styles & scripts */
    if( !function_exists('enqueue_style_and_scripts') ):
    
        function enqueue_style_and_scripts(){
    
            $version = wp_get_theme()->get('Version');
    
            wp_enqueue_script(
                'general_js',
                get_stylesheet_directory_uri() . '/assets/js/general.js',
                array('jquery'),
                $version,
                true
            );
    
            $frontendconfig = array(
                'ajaxurl' => admin_url( 'admin-ajax.php' ),
                'is_user_logged_in' => is_user_logged_in(),
            );
            wp_localize_script( 'general_js', 'FrontendConfig', $frontendconfig );
    
        }
        add_action('wp_enqueue_scripts', 'enqueue_style_and_scripts');
    
    endif;

如何在 wordpress 中设置 ajax url？我想在服务器端处理模式下用 datatables.net 调用它

How to set an ajax url in wordpress? I want to call it with datatables.net in server side processing mode

ajax

wordpress

datatables