通过jQuery Ajax方法提交数据后,Bootstrap modal无法关闭

时间:2018-08-29 17:48:54

标签: ajax twitter-bootstrap

我想通过使用Ajax的引导程序模式将数据放入数据库。但是模态上的提交数据按钮后模态不会自动关闭。我该如何解决。

这是引导程序模式

的代码
 <!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<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">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

这是ajax代码

  <script type="text/javascript">


   ***
          SOme Code Here
    ****


          $.ajax({
            type: 'GET',
            url  : "YOu URL",
            data: {},
             success:  function(feedback){
                $('#feedback').html(feedback);

              }
            });
        });
     });
    </script> 

2 个答案:

答案 0 :(得分:2)

在成功方法中,您调用通过使用

关闭模型
$('#yourModal').modal('hide');

顺便说一句,建议对提交进行http POST而不是GET。

答案 1 :(得分:0)

模式关闭的语法似乎很好。但是我不确定您是否瞄准了正确的模态元素。查看您要触发模式关闭代码的目标ID是否正确。希望它能解决您的问题。