隨機複製ajax請求

我注意到有時（隨機）我的Mootools ajax請求獲取兩次。第二個請求立即成功，但第一個請求只是無限期地等待。我不確定這是否是Mootools中的一個錯誤，或者我已經完成了一些事情。隨機複製ajax請求

這已經在firefox和firefox開發者控制檯中用chrome驗證過。我無法在IE中驗證它，但症狀是一樣的。

我實際上設法採取放火的顯示問題的屏幕截圖：http://janipeltoniemi.net/ajax.png

在你看到請求循環劇本我寫的用於測試目的的權利。它只是在前一個請求完成後用一個新的ID進行請求，所以沒有什麼特別。控制檯中的最後2行顯示了我遇到的問題。正如你所看到的，他們都有相同的迴應和相同的ID。 md5散列使用md5(microtime(1))生成，因此如果這兩個實際上是具有相同ID的不同請求，它應該是不同的。

循環在該點停止，因爲它在最後一個完成時不觸發onSuccess事件。我猜它會在另一個請求完成時觸發它，但那還沒有發生。

任何想法發生了什麼？

差點忘了，我使用MooTools的1.2.4

圖像中的代碼：

r = new Request.HTML(); 
counter = 0; 
//increments the counter and requests hello.php 
go = function() { 
    counter += 1; 
    //The loop was too fast and producted some side effects when delay was not used 
    r.get.delay(10, r, [ 'templates/hello.php', { counter: counter } ]) 
} 
//Create an endless loop. When the request from go() is finished, call go() 
r.addEvent('success', go); 
//Start the endless loop 
go();

來源

2010-07-19 jpeltoniemi

你必須發佈你的代碼。 – 2010-07-19 18:13:27

這並不顯示什麼事件驅動ajax請求本身。 – 2010-07-20 07:45:56

我不知道我明白。問題不在於上述代碼的具體情況。這只是一個快速重現問題的方式，並且是所需的所有代碼（除了Mootools核心1.2.4）。我認爲這裏的問題是通過正確地獲取消息，因爲我的英語不好，所以讓我再試一次：代碼應該在firebug中按原樣運行。當前一個完成時，它會啓動一個無限循環，並執行另一個請求。在某些時候，請求被複制（檢查圖像）並且'onSuccess'沒有被觸發，所以循環停止。請參閱代碼中的註釋以獲取更多信息。 – jpeltoniemi 2010-07-20 10:56:35

這似乎與回收請求類的舊實例，它的「準備」之前做因此舊請求會在沒有服務器的情況下觸發onSuccess，從而關閉客戶端失去興趣的連接並重新啓動它，從而使螢火蟲處於等待狀態。

http://www.jsfiddle.net/dimitar/NF2jz/201/

var r = new Request.HTML({ 
    url: '/ajax_html_echo/', 
    data: {'html': "hello"}, 
    method: 'post', 
    update: 'target_div', 
    onSuccess: function(response) { 
     (function() { 
      go(); // you can reproduce the bug by removing the delay wrap 
     }).delay(1000); 
    } 
}); 

var counter = 0; 

var go = function() { 
    counter++; 
    // despite of trying r.cancel(), it does not cancel, 
    // you can set onCancel to test this; 
    r.cancel().setOptions({ 
     data: {html: "attempt " + counter} 
    }).send(); 

}; 

go();

嚴格地說，如果你逃跑的匿名函數，你就不需要回收舊實例 - 甚至保存。

什麼，我會做的是這樣的（但可能重構，因此它可以被取消）：

var counter = 0; 
(function go() { 
    counter++; 
    // fresh instance after success/complete: 
    new Request.HTML({ 
     url: '/ajax_html_echo/', 
     data: {'html': "hello " + counter}, 
     method: 'post', 
     update: 'target_div', 
     onSuccess: function(response) { 
      go(); 
     } 
    }).send(); 
})();

http://www.jsfiddle.net/dimitar/NF2jz/202/ demoing最後一個代碼，工作正常，並在完成並且不互相干擾的方式。

來源

2010-07-20 14:44:47

看來我沒有提到在最初的情況下請求實例沒有被回收，對此抱歉。另外，這不僅僅是一個案例。我一直在這裏和那裏注意到這種奇怪的行爲，但直到最近我纔開始把它看作一個問題。 – jpeltoniemi 2010-07-20 16:35:24

好 - 有聽起來惱人的風險 - 供將來參考，發佈您的確切代碼/網址或構建一個測試用例，成功複製您的問題，供大家看到。否則，你只是在浪費每個人的時間。祝好運修復，我知道的Request類沒有問題。尋找重複的事件綁定，將觸發ajax。 – 2010-07-20 19:39:15

是的，我知道。我可能應該已經發布了原始代碼，但是如果將它剝離爲裸露的骨骼，它與測試用例（除了重用請求實例）確實沒有區別。發佈的代碼被我用來快速重現問題（有時在出現前需要超過1000次請求），並且由於它似乎成功地重現了問題，所以我沒有再想。 – jpeltoniemi 2010-07-21 08:05:38

隨機複製ajax請求

回答

相關問題