wordpress 插件开发样板文件：ajax 调用响应 400

Question

我试图在我的插件中调用 wp ajax（我使用样板文件）但我总是检索：

http://wordpress-bricks.it/wp-admin/admin-ajax.php 400（错误请求）

我在管理中为选项页面定义了我的页面：

<?php

class Consent_Dado_Admin {
private $plugin_name;
private $version;

public function __construct($plugin_name, $version) {
    $this->plugin_name = $plugin_name;
    $this->version = $version;
}

 public function enqueue_scripts() {
    $ajaxurl_arr = array('ajax_url' => admin_url('admin-ajax.php'));
    wp_enqueue_script('nds_ajax_handle2', plugin_dir_url(__FILE__) . 'js/consent-dado-admin.js', array('jquery'), $this->version, false);
    wp_localize_script('nds_ajax_handle2', 'ajaxurl_arr', $ajaxurl_arr);
}

public function create_admin_menu() {

    add_menu_page('Consent Dadomedia', 'CC Dadomedia', 'manage_options', 'cc-dado-menu', [$this, 'cc_dado_admin_page'], 'dashicons-buddicons-replies', '10');

    $ajax_form_page_hook2 = add_submenu_page('cc-dado-menu', 'Impostazioni', 'Impostazioni', 'manage_options', 'impostazioni-scan-dado', [$this, 'cc_dado_admin_setting_page']);

    add_action('load-' . $ajax_form_page_hook2, array($this, 'loaded_ajax_form_submenu_page2'));
}

public function cc_dado_admin_page() {
    include 'partials/cc-dado-admin-display.php';
}

public function cc_dado_admin_setting_page() {
    include 'partials/cc-dado-admin-setting-page.php';
}

public function ajax_form_page_content2() {
    // called when the particular page is loaded.
}

public function loaded_html_form_submenu_page2() {
    // called when the particular page is loaded.
}

public function loaded_ajax_form_submenu_page2() {
    // called when the particular page is loaded.       
}

public function create_admin_page() {
    $this->add_settings_section();
    $this->add_settings_fields();
    $this->save_options();
}

public function add_settings_section() {

    add_settings_section('cc-licence-section', 'Impostazioni licenza', function () {
        echo '<p>Per attivare le funzionalità del plugin, fornire un codice di licenza valido.</p>';
    }, 'cc-option-settings');
  
}

public function add_settings_fields() {

    add_settings_field(
            'id-licenza',
            'Numero di licenza',
            function () {
                echo '<input type="text" name="id-licenza" value="' . esc_html(get_option('id-licenza')) . '"/>
            <p class="description">Indicare il numero di licenza</p>';
            },
            'cc-option-settings', 'cc-licence-section', '');

}

public function save_options() {
    register_setting('cc-option-settings-group', 'id-licenza', ['sanitize_callback' => 'sanitize_text_field']);
}
}

在我的选项页面中，我使用以下代码定义了我的表单：

<div class="wrap">
<h1>Cookie Consent - <?php echo get_admin_page_title() ?> </h1>

<form id="form_attivazione" method="post" action="options.php">
    <?php
    settings_fields('cc-option-settings-group');
    do_settings_sections('cc-option-settings');
    submit_button();
    ?>
</form>

<div id="answare"></div>

我的 javascript 与 ajax 通话有此代码：

(function ($) {
'use strict';


$(window).load(function () {
    console.log(ajaxurl_arr.ajax_url)

    $('#form_attivazione').submit(function (event) {

        event.preventDefault();

        var ajax_form_data2 = $("#form_attivazione").serialize();

        console.log(ajax_form_data2)

        $.ajax({
            url: ajaxurl_arr.ajax_url, // domain/wp-admin/admin-ajax.php
            type: 'post',
            data: ajax_form_data2
        })

                .always(function () {
                    event.target.reset();
                })

                .done(function (response) {
                    $(" #answare ").html("<h2>The request was successful </h2><br>" + response);
                })


                .fail(function () {
                    $(" #answare ").html("<h2>Something went wrong.</h2><br>");
                });

    });

});

})(jQuery);

我的错误在哪里？ :/

Answer 1

您尚未定义处理 ajax 请求的函数，Wp 有自己的方法来定义 ajax URL

在构造函数中添加这两行

add_action( 'wp_ajax_save_cc_dado_settings', array( $this , 'save_cc_dado_settings' ));
add_action( 'wp_ajax_nopriv_save_cc_dado_settings', array( $this , 'save_cc_dado_settings' ));

现在定义需要在同一个 class

中处理 AJAX 的函数

public function save_cc_dado_settings(){
   // write your logic for storing the data whatever you wants by $_POST or $_REQUEST 
}

现在在发送 ajax 请求的地方添加这样的操作名称

data: { action : 'save_cc_dado_settings' }, // 根据需要包含其他数据。

所以基本上这就是使用 WP AJAX 的方式，为了更好地理解，您可以查看文档。

wordpress 插件开发样板文件：ajax 调用响应 400

wordpress plugin development boilerplate: ajax call response 400

php

ajax

wordpress

wordpress-plugin-creation