javascript - 在 Wordpress 中点击链接的 AJAX 请求

Question

我试图通过单击链接在 Wordpress 中启动一个 PHP 函数。我已经设法使用表单提交来做到这一点，但我想通过点击链接来做到这一点。

我整理了一个 AJAX 请求，但它似乎不起作用 - 任何想法都非常感谢。

HTML 链接代码

<a href="#link_id"> Ajax Click </a>

Javascript 函数

<script>

// Create a function to pick up the link click

$('#link_id').click(function(event){
    event.preventDefault(); // prevent default behaviour of link click

    var data = {
        action: 'test_response_php', // This is the PHP function to call - note it must be hooked to AJAX
    };

    // Post to The Wordpress URL

    jQuery.post("<?php echo admin_url('admin-ajax.php'); ?>", data, function(response) {
        alert(response);
    });

});

PHP 函数

function php_function() {
    echo 'Hello World';
    // Some interesting server side stuff

}

add_action('wp_ajax_nopriv_test_response_php', 'php_function');
add_action('wp_ajax_test_response_php', 'php_function');

Answer 1

像这样改变你的 anchor 标签:-

<a href="#" id="link_id"> Ajax Click </a>

您在 anchor 中缺少 id 标签，并且您正在对 id click 运行点击事件。