У меня есть следующая простая структура HTML
<button class="aardappel" value="im a value">HENK!</button>
<p class="leeg" value="niks"></p>
То, что должно произойти, когда я нажму кнопку, тег p будет заменен результатом моей функции php
У меня естьследующий jQuery
jQuery(".aardappel").on("click", function(){
jQuery.ajax({
url : ajax_testing.ajaxurl,
data: {
action : "test_printer",
buttonvalue : jQuery(this).val()
},
type: "POST",
//dataType: "html",
succes: function(data){
console.log(data);
//jQuery(".leeg").html(data);
},
error: function(){
console.log("foutje");
},
completed: function(){
console.log("doe ik iets?");
}
})
и эта функция вызывает ajax
add_action( 'wp_ajax_test_printer', 'test_printer' );
add_action( 'wp_ajax_nopriv_test_printer', 'test_printer' );
function test_printer()
{
$result = <<<HTML
<p>{$_POST["buttonvalue"]}</p>
HTML;
echo $result;
exit();
}
Когда я нажимаю кнопку, я получаю файл admin-ajax.php со следующим содержанием 
Но также, когда я нажимаю кнопку, в консоли ничего не регистрируется, другими словами, ошибка, успех и завершение не инициируются, и поэтому я не могу отобразить результат на своей странице.Что я делаю не так?