什麼是正確的方式來管理多個Ajax請求？

我們都在AJAX教程中看到了一些發送數據的例子。他們都（或多或少）是這樣的：什麼是正確的方式來管理多個Ajax請求？

var http = createRequestObject(); // shared between printResult() and doAjax() 

function createRequestObject() { /* if FF/Safari/Chrome/IE ... */ ... } 

function printResult() 
{ 
    if (http.readyState == 4) { ... } 
} 

function doAjax() { 
    var request = 'SomeURL'; 
    http.open('post', request); 
    http.onreadystatechange = printResult; 
    data = ...; // fill in the data 
    http.send(data); 
} 

// trigger doAjax() from HTML code, by pressing some button

下面是這種情況，我不完全理解：如果被按下按鈕幾次非常快？應該doAjax（）以某種方式重新初始化http對象？如果該對象被重新初始化，那麼正在進行的請求會發生什麼？

PS：對主持人：這個問題可能與更多的社區維基。如此處所述（https://meta.stackexchange.com/questions/67581/community-wiki-checkbox-missing-in-action） - 如果我說得對 - 請正確標記此問題。

來源

2011-05-09 BreakPhreak

+1這是一個常見問題的好問題 – 2011-05-09 08:04:32

當然，現在有大量的圖書館能夠完成體面的工作，應該在生產環境中使用。但是，我的問題是關於這些隱藏的細節。所以我在這裏找到了lamda-calculus-like方法來爲每個請求提供專用的請求對象。這些對象顯然會傳遞給被調用時響應到達等回調函數：Chrome和IE9下試驗成功

function printResult(http) { 
    if (http.readyState == 4) { ... } 
    ... 
} 

function doAjax() { 
    var http = createRequestObject();  
    var request = 'SomeURL'; 

    http.open('get', request);  
    http.onreadystatechange = function() { printResult(http); }; 
    http.send(null); 
    return false; 
}

。

來源

2011-05-09 10:27:55 BreakPhreak