我正在尝试在我的网站上实现过滤系统。我决定通过js来实现。我创建了fetch函数

let filters = document.querySelectorAll(\'.filters-item\');
let pageUrl = wp.page_url;
const postsContainer = document.querySelectorAll(\'.column.is-half.is-offset-1\');
filters.forEach( (item) => {
        item.addEventListener(\'change\', (e) =>{
            let url = pageUrl + \'/wp-admin/admin-ajax.php\';

            fetch(url, {
                method: \'POST\',
                headers: {
                    \'Content-Type\': \'text/html; charset=UTF-8\',
                },
                body: JSON.stringify({
                    \'test\': "sampledatatest",
                })
            }).then( function (response) {
                if(response.ok) {
                    return response.json();
                }
                return Promise.reject(response);
            }).then(function (data) {
                console.log(data);
            }).catch(function (error) {
                console.warn(\'Error\', error);
            });
        });
    });

在我的功能中。php文件我有简单的函数

add_action(\'wp_ajax_myfilter\', \'misha_filter_function\'); // wp_ajax_{ACTION HERE}
add_action(\'wp_ajax_nopriv_myfilter\', \'misha_filter_function\');

function misha_filter_function(){
    $t = $_POST[\'test\'];
    echo $t;

    die();
}

当我点击filter 我的开发控制台中出现错误400。我错过了什么？像我这样以表格形式传递数据是否合适？我不想使用jQuery。

var formData = new FormData();

formData.append( \'action\', \'myfilter\' );
formData.append( \'test\', \'foo bar baz\' );

fetch( url, {
    method: \'POST\',
    body: formData,
} ) // wrapped
    .then( res => res.text() )
    .then( data => console.log( data ) )
    .catch( err => console.log( err ) );