通过jQuery ajax方法提交数据后引导模式不关闭

Question

我想把数据到数据库通过引导模式与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> 

Answer 1

模态结束的语法似乎很好。但我不确定你是否针对正确的模态元素。查看触发模式关闭代码的目标id是否正确。希望它能解决你的问题。

Answer 2

在success方法中，通过使用

$('#yourModal').modal('hide');

顺便说一句，建议使用http POST而不是GET进行提交。