WordPress AJAX调用没有返回结果

时间:2018-04-10 15:33:43

标签: javascript php jquery ajax wordpress

我是WP的新手,也不是对AJAX过于熟悉,但我正试图让一个非常简单的AJAX调用工作,我想我差不多了,但我无法得到任何结果从在AJAX调用中,我已经将所有内容都删除了,以使其正常工作,我只是从PHP Ajax函数返回字符串'This is AJAX data results',但即使这样也没有起作用。目前我收到测试警报......

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

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

alert('ajax result: '.response); - **未显示**

alert('jquery step 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');
    }); 
});

1 个答案:

答案 0 :(得分:1)

尝试使用以下命令更改ajax函数网址:

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