Question

我想每1秒从数据库刷新一次我的模态div。它应该刷新它而不关闭实际模态和一秒钟的间隔我的模态内容：

<div id="view-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                          <div class="modal-dialog modal-lg">

                            <!-- Modal content-->
                            <div class="modal-content">
                              <div class="modal-header">

                                <h4 class="modal-title">Test</h4>
                              </div>
                              <div class="modal-body">

                                <div id="dynamic-content"></div>

                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                              </div>
                            </div>

                          </div>
                        </div>

AJAX：

$(document).ready(function(){

        $(document).on('click', '#test', function(e){

          e.preventDefault();

          var uid = $(this).data('id');

          $('#dynamic-content').html('');



            $.ajax({
              url: 'test.php',
              type: 'POST',
              data: 'id='+uid,
              dataType: 'html'
            })

            .done(function(data){
              console.log(data);  
              $('#dynamic-content').html('');    
              $('#dynamic-content').html(data);

            })




        });

      });

按钮：

<button type="button" id="test" class="btn btn-dark" data-toggle="modal" data-id="'.$data['id'].'" data-target="#view-modal">Test</button>

我想在这里刷新这一部分：

 $.ajax({
              url: 'test.php',
              type: 'POST',
              data: 'id='+uid,
              dataType: 'html'
            })

            .done(function(data){
              console.log(data);  
              $('#dynamic-content').html('');    
              $('#dynamic-content').html(data);

            })

每1秒钟不关闭实际模态或重新加载网站，它应该刷新。

Answer 1

将您的AJAX放在一个函数中：

ABFGH
FGHIJ

设置1秒的间隔：

function ajaxFunction (uid){
 $.ajax({
     url: 'test.php',
     type: 'POST',
     data: {id:uid},
     dataType: 'html',
     success:function(data){
          console.log(data);  
          $('#dynamic-content').html('');    
          $('#dynamic-content').html(data);
    }     
});


}

修改完整代码在这里

setInterval(ajaxFunction(uid), 1000);

从数据库和PHP刷新模态AJAX内容动态

1 个答案: