admin-ajax.php 中的 Ajax 发布调用返回 0 和 400 错误请求（Wordpress）

Question

您好，您可以看到我正在尝试使用 ajax post call 将我的数据发送到 admin-ajax.php 请检查下面的代码，我使用的模板是 betheme。

index.html

        $('#send-form').on('submit', function () {

            $.ajax({
                url : '<?php echo admin_url('admin-ajax.php'); ?>',
                data : {
                    'action' : 'test_func',
                    'data':'lorem ipsum'
                },
                type : 'POST',
                contentType: "application/json; charset=utf-8",
                dataType : 'json',
                success : function (callback) {

                    console.log(callback);
                }
            });

            return false;

        });

functions.php

function test_func () {
    echo json_encode(array('res'=>'return dummy text'));
}
add_action('wp_ajax_nopriv_test_func', 'test_func');

Answer 1

根据 ajax 的代码不需要添加contentType: "application/json; charset=utf-8，因为您将数据作为字符串传递，所以不需要contentType 属性。

要解决每次获取0 的问题，您只需在test_func 方法的末尾添加wp_die()。

你在这里编辑了代码

1) jQuery Ajax 代码：

jQuery('#send-form').on('submit', function () {
        $.ajax({
            url : '<?php echo admin_url('admin-ajax.php'); ?>',
            data : {
                'action' : 'test_func',
                'data':'lorem ipsum'
            },
            type : 'POST',
            // contentType: "application/json; charset=utf-8",
            dataType : 'json',
            success : function (callback) {

                console.log(callback);
            }
        });

        return false;

    });

2)functions.php的代码

function test_func () {
    echo json_encode(array('res'=>'return dummy text'));
    wp_die();
}
add_action('wp_ajax_nopriv_test_func', 'test_func'); // ajax call for non-login user.
add_action('wp_ajax_test_func', 'test_func'); // ajax call for login user.