傳遞方法POST使用阿賈克斯在PHP中的boostrap模態wordpress

Question

嗨，大家好，我有問題，我的阿賈克斯傳遞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"> 
 
     \t \t <div class="row"> 
 
      <div class="col-sm-6"> 
 
      <?php echo $post_ID;?> 
 
      </div> 
 
      <div class="col-sm-6"> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div>

Answer 1

你可以試試這個代碼？

變化data: 'post_id=' + pid,

到data:{ 'post_id': pid },

在你想要把你的id的div添加一個id。喜歡的東西：

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

在你的成功的功能

你可以從$ _ POST添加此

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