2

现在，我正在尝试使用 AJAX 在用户单击作者姓名时检索自定义作者元数据。

发生的事情是我的 AJAX 没有返回任何东西。

我已经测试了我发送的变量，并且正确填写，但我没有从 Wordpress 得到任何响应。

任何帮助，将不胜感激。

需要注意的是，PHP 在我的functions.php文件中，其中还有另一个函数可以创建和保存我需要从中访问信息的自定义作者元字段

谢谢，

猎人

PHP

add_action('wp_ajax_nopriv_ajax_request', 'student_meta_info');
add_action('wp_ajax_ajax_request', 'student_meta_info');

function get_student_meta_info()
{
    $studentID = $_POST['studentID'];

    $review = the_author_meta('review', $id);
    $weightloss = the_author_meta('weightloss', $id);
    $gained = the_author_meta('gained', $id);

    $AuthMeta = array("review" => $review, "weightloss" => $weightloss, "gained" => $gained);

    echo json_encode($AuthMeta);

    exit;
}

jQuery

$(document).ready(function()
{
    $('.author').click(function()
    {
        var id = $(this).attr('id');

        $.ajax({
            type: 'POST',
            action: 'student_meta_info',
            studentID: id,
            dataType: 'json',

            success: function(data)
            {
                var review = data.review;
                var weightloss = data.weightloss;
                var gained = data.gained;

                alert(data);
                alert(review);
                alert(weightloss);
                alert(gained);
            }
        });     
    });
});
4

2 回答 2

4

您需要指定 WordPress AJAX url，紧随其后dataType：

url: ajax_object.ajax_url,

要将 url 作为 var 获取，您必须本地化您的脚本，例如：

add_action( 'wp_enqueue_scripts', 'so16523111_wp_enqueue_scripts' );
function so16523111_wp_enqueue_scripts() {
    wp_enqueue_script( 'ajax-script', get_template_directory_uri() . '/js/my_script.js', array( 'jquery' ), '20130513', true );
    // in javascript, object properties are accessed as ajax_object.ajax_url, ajax_object.we_value
    wp_localize_script( 'ajax-script', 'ajax_object', array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );
}

另外，将要发送的数据包装为数据参数...

data: {action:'student_meta_info',studentID:id},

...并用于response检查是否成功：

success: function(response)

此外，您需要调整回调和 ajax 挂钩以反映操作：

add_action( 'wp_ajax_nopriv_student_meta_info', 'get_student_meta_info' );
add_action( 'wp_ajax_ajax_student_meta_info', 'get_student_meta_info' );

最后，您必须在无冲突模式下使用 jQuery：

jQuery(document).ready(function($)
于 2013-05-13T13:33:15.797 回答
0

在 functions.php 文件中，您没有将钩子附加到正确的函数（is get_student_meta_info， not student_meta_info）：

add_action( 'wp_ajax_nopriv_ajax_request', 'get_student_meta_info' );
add_action( 'wp_ajax_ajax_request', 'get_student_meta_info' );

在 JavaScript 代码（AJAX 调用）中：

var data_to_send: {
    action: 'ajax_request', // This is how you call it in the add_action hooks
    studentID: id,
    ...
}

$.ajax({
    data: data_to_sent,
    success: function(r) { ... }
});

希望能帮助到你。

于 2013-05-13T13:36:35.930 回答