為什么我的 wordpress ajax 不在前端 javascript 文件中調用？

Question

我在js文件中使用ajax。 但現在在控制台日志中出現“ mydomain.com/my_ajax.ajax_url not found 404”錯誤。

這是我的 js 文件 (demo.js) 代碼。 嘗試了所有方法但沒有解決方案--

jQuery.ajax({
        type: "post",
        url: "my_ajax.ajax_url",
        data: { action: "data_fetch", keyword: input }
});

我的functions.php -------

add_action('wp_enqueue_scripts', 'hindrise_script');

function my_enqueue() {

 wp_register_script('plugin-ajaxJs', CHILD_URL . '/js/demo.js', __FILE__);
    wp_enqueue_script('plugin-ajaxJs');
    
    wp_localize_script('plugin-ajaxJs', 'my_ajax', array('ajax_url' => admin_url('admin-ajax.php')));
    
}

Answer 1

函數名稱與您在 add_action 中定義的名稱不同。 在 add_action 和函數名中使用相同的名稱：

add_action( 'wp_enqueue_scripts', 'hindrise_script');
function hindrise_script() {

 wp_register_script('plugin-ajaxJs', CHILD_URL . '/js/demo.js', __FILE__);
    wp_enqueue_script('plugin-ajaxJs');
    
    wp_localize_script('plugin-ajaxJs', 'my_ajax', array('ajax_url' => admin_url('admin-ajax.php')));
    
}

同樣在 JS 文件中刪除傳遞變量的引號：

jQuery.ajax({
        type: "post",
        url: my_ajax.ajax_url,
        data: { action: "data_fetch", keyword: input }
});