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刷新間隔和點擊更改內容

回答

相關問題