JQuery AJAX刷新间隔和点击更改内容

我有一个后台控制面板，带有一个“模式”对话框，我想用它来显示实时信息（作业进度，服务器信息等）。我需要的是一个特定的div（对话框）以定期的间隔（1秒）“刷新”（从另一个php页面获取html内容），还取决于我按哪个按钮来显示对话框，会从一个不同的PHP页面刷新。JQuery AJAX刷新间隔和点击更改内容

下面是对话框代码：

<!-- Modal dialog --> 
<div class="modal fade" id="myModal1"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title">Modal title</h4> 
      </div> 
      <div class="modal-body"> 
       One fine body&hellip; 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button> 
      </div> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal -->

而且任何按钮就可以使用它显示：

<a data-toggle="modal" href="#myModal1" class="btn btn-default btn-block">Modal dialog</a>

我发现这个代码，似乎让我更新从一个模态内容php页面（我将动态创建，我知道该怎么办）：how to use jquery or ajax to refresh a div at 10 second intervals

但是我想我需要一个javascript onClick来改变javascript函数中的url离子，取决于我按哪个按钮？我会想象把JavaScript分成两个单独的函数，一个设置url（移动到一个全局变量），一个开始刷新间隔，但是我是JavaScript新手，想看看这是否是正确的方法我深入研究它的编码。甚至以前我从来没有使用过onClick。

在此先感谢您的帮助！

来源

2015-10-16 Chris Schlitt

你好，你将有类似的东西在间隔部分：

http://jsfiddle.net/35Lyzbjc/

类似的东西：

var myVar = setInterval(function(){ myTimer() }, 1000); 

function myTimer() { 
    var d = new Date(); 
    var t = d.toLocaleTimeString(); 
    document.getElementById("content").innerHTML = t; 

    // you would normally put here the $.get of your PHP page 
} 

function myStopFunction() { 
    clearInterval(myVar); 
}

来源

2015-10-16 17:54:42 Monomachus

JQuery AJAX刷新间隔和点击更改内容

回答

相关问题