我的Wordpress ajax请求有什么问题

Question

我想在我的 Wordpress 仪表板中添加一个与 ajax 一起使用的表单，但我的请求响应是 400 Bad request

add_action('admin_footer', 'vitrin_admin_ajax');
        function vitrin_admin_ajax() {
        ?>
            <script>
                (function($) {
                    $('.vitrin-private-message-form').submit(function(event) {
                        event.preventDefault();
                        jQuery.ajax({
                            url: '<?php echo admin_url('admin-ajax.php'); ?>',
                            type: 'post',
                            data: {
                                action: 'submit_vitrin_pm',
                                ppmcontent: jQuery('#pmcontent').val(),
                                ppmusers: jQuery('#pmusers').val(),
                            },
                            success: function(data) {
                                // jQuery('#datafetch').html(data);
                                alert(data)
                            }
                        });
                    })
                })(jQuery);
            </script>
        <?php
        }
        ?>

我还补充说：

add_action('wp_ajax_submit_vitrin_pm', 'submit_vitrin_pm');
add_action('wp_ajax_nopriv_submit_vitrin_pm', 'submit_vitrin_pm');

和

function submit_vitrin_pm() {
    echo 'ssss';
    die();
}

Answer 1

我检查过，您的 ajax 回复有效，您没有分享您的 html 表格，我添加了一个表格以供检查。

add_action('admin_footer', 'vitrin_admin_ajax');
function vitrin_admin_ajax() {
?>

      <form action="#" method="POST" class="vitrin-private-message-form">
        <div id="name-group" class="form-group">
          <label for="name">Name</label>
          <input
            type="text"
            class="form-control"
            id="pmcontent"
            name="name"
            placeholder="Full Name"
          />
        </div>

        <div id="email-group" class="form-group">
          <label for="email">Email</label>
          <input
            type="text"
            class="form-control"
            id="pmusers"
            name="email"
            placeholder="email@example.com"
          />
        </div>

        <button type="submit" class="btn btn-success">
          Submit
        </button>
      </form>
    <script>
        (function($) {
            $('.vitrin-private-message-form').submit(function(event) {
                event.preventDefault();
                console.log('working')
                jQuery.ajax({
                    url: '<?php echo admin_url('admin-ajax.php'); ?>',
                    type: 'post',
                    data: {
                        action: 'submit_vitrin_pm',
                        ppmcontent: jQuery('#pmcontent').val(),
                        ppmusers: jQuery('#pmusers').val(),
                    },
                    success: function(data) {
                        // jQuery('#datafetch').html(data);
                        alert(data)
                    }
                });
            })
        })(jQuery);
    </script>
<?php
}


add_action('wp_ajax_submit_vitrin_pm', 'submit_vitrin_pm');
add_action('wp_ajax_nopriv_submit_vitrin_pm', 'submit_vitrin_pm');

function submit_vitrin_pm() {
    echo 'ssss';
    die();
}