我需要這樣做與AJAX

Question

<style> 
    #number{height: 50px; color: #000; } 
    </style> 


Progress: <div id="number"> </div> 
<script type="text/javascript"> 

    var i = 0; 
    d = 1; 
function increment(d) { 
    if(i<100){ 
     i+=d; 
     document.getElementById('number').innerHTML = i + '&#037;'; 
    } 
    else{ 
     document.getElementById('number').innerHTML = 'done' ; 
    } 

} 

setInterval('increment(d)', 1000); 

</script> 

<button type="button" id="button" onclick="d++">Add</button> 
<button type="button" onclick="window.location.reload()">Refresh</button> 

我目前正在與asp.net mvc 4視覺工作室的web應用程序工作。我需要使部分視圖顯示從1到100的計數器。我添加了一個按鈕，在每次點擊時增加1的計數器值，另一個用於刷新頁面。我怎樣才能做到這一點使用Ajax？

Answer 1

AJAX （異步Javascript和XML）用於在沒有可見頁面刷新的情況下發出web請求。這不是你應該使用的。你可以使用setTimeout來做到這一點。我已經提供了一個JSFiddle供您使用。

重要位

在Javascript中，你可以使用setTimeout模擬異步功能。這個函數將允許Javascript繼續執行，並且在給定的等待時間之後，將執行你提供的代碼。

function doSomething() { alert("hello"); } 

setTimeout(doSomething, 1000); 

這將執行doSomething()方法。

注：您傳遞函數爲回調。如doSomething而不是doSomething()。