javascript - WordPress中的POST方法

Question

我试图在弹出窗口中打开 WP 帖子。首先，代码的一部分在帖子循环中，我在其中查询应该打开的帖子

<form id="postForm" method="POST">
      <input id="postQuery" style="display: none" name="postQuery" value="<?php echo get_the_ID() ?>">
       <input id="sendQueryBtn" data-toggle="modal" data-target="#exampleModalLong" type="submit" value="<?php the_title(); ?>"> 
    </form>

接下来是我的 JS，我在其中通过警报进行查询检查

$(document).ready(function () {
$("form").submit(function () {
    let xuinya = $(this).serialize();
    $.ajax({
        type: "POST",
        url: '.../footer.php',
        data: xuinya,
        success: function (data) {
            alert(xuinya)
        },
        error: function (jqXHR, text, error) {
            $('#modalBody').html(error);
        }
    });
    return false;
});});

最后，这是带有模态的 HTML 的一部分，我尝试使用 POST

<div id="modalBody" class="modal-body">
        <?php
            echo $_POST["postQuery"];
            echo apply_filters( 'the_content', get_post( $_POST["postQuery"] )->post_content );
        ?>
     </div>

我的问题是因为当我在 JS 中检查查询时 - qet 警报消息具有正确的值，但在 php 中我总是 qet 简单的“1”。

Answer 1

我不明白你为什么发布到 footer.php，我认为它应该是 admin-ajax.php只需简单地添加到您footer.php

<script>
    var ajax_url = "<?php echo admin_url( 'admin-ajax.php' ); ?>";
</script>

将js中的url值更改为ajax_url，确保帽子包含您发布变量action的数据，然后在functions.php中创建函数，像这样的东西(如果您将操作值发送为“get_pop_posts”)

add_action( 'wp_ajax_get_pop_posts', 'get_pop_posts_init' );
add_action( 'wp_ajax_nopriv_get_pop_posts', 'get_pop_posts_init' );

function get_pop_posts_init() {
    $data = $_POST;
    print_r($data);
    die();
}