在 Wordpress 中点击链接的 AJAX 请求答案

【问题标题】：AJAX request on link click in Wordpress在 Wordpress 中点击链接的 AJAX 请求
【发布时间】：2018-01-10 02:53:04
【问题描述】：

我正在尝试通过单击链接在 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');

【问题讨论】：

把这个 Ajax Click 改成 Ajax Click #link_id 应该是一个 id 不是一个 href
感谢 Karthik。这似乎也不起作用！
当您单击链接并开始运行 jQuery 时，浏览器控制台中是否出现任何错误？
从wp_ajax_ 挂钩之一运行的任何函数都应以exit 结尾
谢谢@jakeparis 知道这非常有帮助。是挂钩 wp-ajax 的任何函数，还是在该函数中调用的任何函数？

标签： javascript php jquery ajax wordpress

【解决方案1】：

像这样更改你的锚标记：-

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

您在锚点中缺少 id 标签，并且您在 id 点击时运行点击事件。

【讨论】：