如何在自定义页面中使用ajax并在wordpress中发布

Question

我创建了一个自定义页面国家和城市下拉菜单。我想根据国家选择使用ajax来选择城市。 我试图在我的页面中直接添加ajax调用，但它不起作用

我不知道如何解决它。

请帮助我，衷心感谢你的帮助。

我的链接如下 my site

Answer 1

您需要使用wp_ajax_(action)挂钩才能在您的网页中使用ajax。

<?php 

    add_action( 'wp_ajax_add_foobar', 'prefix_ajax_add_foobar' );
    add_action( 'wp_ajax_nopriv_add_foobar', 'prefix_ajax_add_foobar' );

    function prefix_ajax_add_foobar() {
        // Handle request then generate response using WP_Ajax_Response
    }
?>
<script>

    jQuery.post(
        '<?php echo admin_url('admin-ajax.php') ?>', 
        {
            'action': 'add_foobar',
            'data':   'foobarid'
        }, 
        function(response){
            alert('The server responded: ' + response);
        }
    );
    </script>