如何在这个带有id的模态中显示.php文件？

Question

My code works fine in this way

posts.php?id=<?php echo $post_id?; ?>

It goes to the link and shows the post.

I need to stop going in that link and show that inside the modal. How can i do it

Note: I can simply include that inside the modal but can not pass the id .

<li data-toggle="modal" data-target="#myModal"><a href="posts.php?id=<?php echo $post_id; ?>"  >See post</a></li>

<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Post</h4>
</div>
<div class="modal-body">
            
//  include the posts.php  here
            
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>

</div>
</div>

</div>

Answer 1

we can do this using ajax see the below code

in php file write the content what to display

$("#dynamicdata").click(function(){
         var dyid=$(this).attr("posts_id");
        $.ajax({
              url:"posts.php",
              type:"post",
               dsta:{'id':dyid},
               success:function(data){
                   $('#myModalbody').html('');
                    $("#mymodelbody").html(data);
              }
             });
    });

<li data-toggle="modal" data-target="#myModal" posts_id="<?php echo $post_id; ?>"  id="dynamicdata"><a href="#" >See post</a></li>
 <div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Post</h4>
    </div>
    <div class="modal-body" id="mymodelbody">
                
    //  include the posts.php  here
                
    </div>
    <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
    </div>
    </div>
    </div>

</div>