javascript - WordPress AJAX 调用未返回结果

Question

我是 WP 的新手，对 AJAX 也不太熟悉，但我正在尝试一个非常简单的 AJAX 调用来工作，我想我已经快到了，但我无法得到任何结果返回AJAX 调用，我已经将所有内容都剥离到了最基本的部分以使其正常工作，并且只是从 PHP Ajax 函数返回字符串“这是 AJAX 数据结果”，但即使这样似乎也不起作用。目前我收到测试警报...

alert('jquery 步骤 1'); - 工作正常

alert('jquery 步骤 2'); - 工作正常

alert('ajax 结果:'.response); - ** 不显示 **

alert('jquery 步骤 3'); - 工作正常

我创建了一个自定义插件以及自定义 js 和 php 文件，如下所示...

********* c4l-custom-functions.php ********

<?php
/**
* Plugin Name: C4L Custom Functions Plugin
* Description: This plugin contains C4l custom functions, scripts and css styles.
* Author: C4L
* Version: 1.0
*/

function c4l_custom_script_and_style_includer() {
    wp_enqueue_script( 'c4l-js', plugins_url( 'js/c4l-custom-scripts.js' , __FILE__ ) );
    wp_enqueue_style( 'c4l-css', plugins_url( 'css/c4l-custom-styles.css' , __FILE__ ) );
}
add_action( 'wp_enqueue_scripts', 'c4l_custom_script_and_style_includer' );

add_action( 'wp_ajax_wps_get_time', 'wps_get_time' );
add_action( 'wp_ajax_nopriv_wps_get_time', 'wps_get_time' );

function wps_get_time() {
    // $format = $_POST['format'];
    echo('This is AJAX data results');
    //echo date($format);
    die();
}

?>

********* c4l-custom-scripts.js ********

document.addEventListener("DOMContentLoaded", function(event) {
    jQuery('#pulldown1').change(function(){ 
        alert('jquery step 1');
        var timeformat = 'U';
        alert('jquery step 2');
        jQuery.ajax({
            type: "POST",
            url: "admin-ajax.php",
            data: { action: 'wps_get_time', format: timeformat },
            success: function ( response ) {
                alert('ajax result: '.response);
            }
        });
        alert('jquery step 3');
    }); 
});

Answer 1

尝试使用以下方法更改 ajax 函数 url:

 ajaxurl = '<?php echo(admin_url('admin-ajax.php')); ?>';