Question

我正在编写一个WordPress插件（使用官方文档中推荐的样板文件），我需要合并一个AJAX请求来填充DataList。我遵循将我的AJAX请求发送到“admin-ajax.php”的WP约定。

我的问题是，在“按书”完成所有操作后，我无法使其工作：来自服务器的响应始终为0（默认值为1）。不会触发处理请求的服务器端方法。我认为它根本没有“迷上”。我知道请求进入“admin-ajax”文件。

奇怪的是，当我将此方法挂钩到“init”并处理此函数中的所有AJAX请求时，它完美地运行。所以，我很确定问题出在动态“wp_ajax _ {$ action}”和“wp_ajax_nopriv _ {$ action}”钩子中。有什么想法吗？

提前致谢。

以下是我的代码摘录：

PHP

<?php

private function define_public_hooks() {
    $plugin_public = new SR_Public($this->get_plugin_name(), $this->get_version());
    $this->loader->add_action('wp_enqueue_scripts', $plugin_public, 'enqueue_scripts');
    $this->loader->add_action('wp_ajax_sr_get_titles', $plugin_public, 'process_get_titles');
    $this->loader->add_action('wp_ajax_nopriv_sr_get_titles', $plugin_public, 'process_get_titles');
}

public function enqueue_scripts() {
    wp_enqueue_script(
        $this->plugin_name,
        PLUGIN_DIR_URL . 'public/js/sr-public.js',
        array('jquery'),
        $this->version
    );

    wp_localize_script(
        $this->plugin_name,
        'localizedData',
        array(
            'ajaxUrl' => admin_url('admin-ajax.php'),
            'nonce'   => wp_create_nonce('sr_get_titles'),
        )
    );
}

public function process_get_titles() {
    if ((!empty($_POST['action'])) && ($_POST['action'] === 'sr_get_titles')) {
        check_ajax_referer('sr_get_titles');

        // Load some data in $some_array...

        wp_send_json($some_array);
    }
}

JS

jQuery(document).ready(function($) {
    "use strict";

    var titleInput = $("#sr-title");
    var titleDataList = $("#sr-requested-titles");

    function ajaxRequest() {
        var userInput = titleInput.val();

        if (userInput.trim() !== "") {
            $.ajax({
                type: "POST",
                dataType: "json",
                url: localizedData.ajaxUrl,
                data: {_ajax_nonce: localizedData.nonce, action: "sr_get_titles", user_input: userInput},
                success: processSuccessResponse
            });
        }
    }

    function processSuccessResponse(data) {
        if (data) {
            titleDataList.empty();

            data.forEach(function(item) {
                titleDataList.append($("<option>").val(item));
            });
        }
    }

    titleInput.keyup(ajaxRequest);

});

前端AJAX请求无法在WordPress中运行

0 个答案: