javascript - WordPress Ajax 奇怪的打印

Question

我在 WordPress 上有一个 ajax 问题。我有一个简单的 Select 按钮，它有一个与 ajax 一起使用的 onclick 函数。

该函数调用一个名为 ajax-filter-system.php 的文件，该文件包含一个简单的字符串“HELLO WORLD”，重新加载类为“ajax-loader”的 div 内容，打印“HELLO WORD0”和“0”字符串的结尾。不明白为什么...

函数.php

add_action('wp_ajax_load_specialita', 'load_specialita_ajax_handler');
add_action('wp_ajax_nopriv_load_specialita', 'load_specialita_ajax_handler');
function load_specialita_ajax_handler() {
    require(get_stylesheet_directory().'/assets/ajax/ajax-filter-system.php'); 
}

ajax-filter-system.php

<div>Hello World</div>

函数onclick(js文件)

function showSpecialita() {
jQuery(function($) {
    var select_target = "";
    var select_target = $('#specialita-selected').val(); // <select> ID

    var xhttp;
    $.ajax({
        url : 'https://www.mysite.it/wp-admin/admin-ajax.php', // AJAX handler
        data : { action : 'load_specialita', specialita : select_target },
        type : 'POST',
        success : function( result ){
            if( result ) {
                $('.ajax-loader-specialita').html(result);
            }
        }
    });
});
}

如果我改变

$('.ajax-loader-specialita').html(result);  

在

$('.ajax-loader-specialita').html('Hello Word');

一切正常

Answer 1

您错过了函数末尾的 exit。

add_action('wp_ajax_load_specialita', 'load_specialita_ajax_handler');
add_action('wp_ajax_nopriv_load_specialita', 'load_specialita_ajax_handler');
function load_specialita_ajax_handler() {
    require(get_stylesheet_directory().'/assets/ajax/ajax-filter-system.php'); 
    exit;
}