在Wordpress上链接点击AJAX请求

时间:2017-08-02 18:22:14

标签: javascript php jquery ajax wordpress

我试图通过点击链接在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');

1 个答案:

答案 0 :(得分:4)

更改您的锚标记,如下所示: -

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

您在锚点中缺少ID标记,并且您在ID点击时正在运行点击事件。