将方法 POST 使用 ajax 传递给 boostrap modal wordpress 中的 php



大家好,我的 ajax 将 postID 传递给我的模态时遇到问题。 var pid 得到我想要的 id,但是当我回显 postID 时,它没有从 ajax 获得值。 请帮忙

$(document).ready(function(){
    $('#myModal').on('show.bs.modal', function (e) {
        var pid = $(e.relatedTarget).data('id');
        $.ajax({
           type: 'post',
           url: 'domain/modal.php',
           data: 'post_id=' + pid,
           success: function (r) {
          
           }
        });
    });
});
<a class="link-to-post" data-toggle="modal" data-target="#myModal" name="modal" data-id="<?php echo get_the_ID(); ?>">Button</a>
<?php
$post_ID = $_POST['post_id'];
?>
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-body">
       		<div class="row">
          <div class="col-sm-6">
          <?php echo $post_ID;?> 
          </div>
          <div class="col-sm-6">
          </div>
          </div>
        </div>
      </div>
    </div>
  </div>

你能试试这个代码吗?

更改data: 'post_id=' + pid,

data:{ 'post_id': pid },

在要放置 ID 的div 中添加一个 id。

<div id="idContainer" class="col-sm-6"></div>

在你的成功函数中,你可以添加这个

$('#idContainer').html(pid);

最新更新