php - 如何从 Bootstrap 模式在ajax中发布数据？

Question

我在 Bootstrap 模式中遇到问题。我想使用 Bootstrap 模型添加图像的标题。

对于模态部分我已经这样做了，

<!-- Modal content Start-->
 <form method="POST">
   <!-- Modal -->
   <div class="modal fade" id="myModal<?php echo $i;?>" role="dialog">
     <input type="hidden" id="image_id" name="image_id" value="<?php echo $Array->image_id;?>" >
      <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">Image Caption</h4>
          </div>
          <div class="modal-body">
            <input type="text" id="caption" name="caption" placeholder="Caption" value="<?php echo $Array->image_caption;?>"/>
          </div>
          <div class="modal-footer">
            <button class="btn btn-success" id="btn_caption">submit</button>
            <a href="#" class="btn" data-dismiss="modal">Close</a>
          </div>
        </div>
    </div>
  </div>
</form>
<!-- Modal End Here  -->

对于ajax部分我已经这样做了，

$(document).ready(function(e) {
  $("button#btn_caption").click(function(){
    var postData = $(this).serialize();
     alert(postData);
     $.ajax({
       type: "POST",
       url: "process.php",
       data: postData,
        success: function(msg){
            //alert('successfully submitted')
        },
        error: function(){
          alert("failure");
        }
    });
  });
});

对于 process.php 文件，我放置了这些行，

<?php 
include('require/admin_header.php');
if (isset($_POST['caption'])) {
    $caption=strip_tags($_POST['caption']);
    $image_id=strip_tags($_POST['image_id']);
    echo '<pre>';
    print_r($_POST);
    // Data base update code
    echo 'Update Done';
}?>

现在，问题是数据库没有更新该值。 <?php echo $Array->image_caption;?>它在模式中打印数据库中的值。但是当我这样做时alert(postData); ，它没有任何警报。谁能帮我看看我哪里出错了？

提前感谢您的帮助。

Answer 1

替换

var postData = $(this).serialize();

与

var postData = $("#form_id").serialize();

<form method="POST" id="form_id">
</form>