[英]Can't display ajax result WordPress
我有以下简单的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文件
但是,当我按下按钮时,控制台中也不会记录任何内容,换句话说,错误,成功和完成都不会触发,因此我无法在页面上显示结果。 我究竟做错了什么?
试试这个脚本。 错字错误。 是success
函数而不是succes
;
<script>
jQuery(".aardappel").on("click", function(){
jQuery.ajax({
url : ajax_testing.ajaxurl,
data: {
action : "test_printer",
buttonvalue : jQuery(this).val()
},
type: "POST",
//dataType: "html",
success: function(data){
console.log(data);
//jQuery(".leeg").html(data);
},
error: function(){
console.log("foutje");
},
completed: function(){
console.log("doe ik iets?");
}
});
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.