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

Question

嗨，大家好，我的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> 

Answer 1

你可以试试这个代码吗？

更改data: 'post_id=' + pid,

到data:{ 'post_id': pid },

在您要放置ID的div中添加ID。 就像是：

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

在您的成功功能中，您可以添加此

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