ajax調用document.ready阻止瀏覽器

Question

我想在document.ready中使用jquery執行ajax.get。但get似乎阻止瀏覽器。

虛設例如： http://jsfiddle.net/gauravshah/HpfXL/

我試圖執行得到的document.ready，結果需要大約15-17秒的時間內服務器上生成。所以在那之前瀏覽器似乎被阻止了。對於前景背景圖像不生動。

其次，在IE 8瀏覽器掛起，直到收到請求。

類似的問題：Simple ajax call seems to be blocking 建議爲通話使用延遲，但爲什麼要使用延遲？我沒有找到正確的解決方案。

我的實際代碼：（不知道這將是有幫助）

$(document).ready(function(){ 
feat_id = "feat-2222" 
$.post('/features/creator/get_existing/'+feat_id, { 
     "url":url, 
     'path':path, 
     'parentURL':parentURL, 
     'index':index 
    },function(data){ 
     var new_id = $(data).attr('id') 
     $(data).find('.featureLocation').html($(data).find('.featureLocation').html()); 
     $(obj).replaceWith(data) 
    }) 
}); 

Answer 1

在同一解決方案作爲抵貼在類似的問題

jQuery(document).ready(function() { 
    setTimeout(function() { 
    $.getJSON("veryLongRequest", function(json) { 
    alert("JSON Result: " + json[0].id);}); 
    }, 500); // You may need to adjust this to a longer delay. 
}); 

Simple ajax call seems to be blocking

Answer 2

我懷疑有一個小不僅僅是一個「沉重」的查詢更會在這裏。 See this article用於改善JavaScript性能。 Javascript本身，尤其是當我們加載類似jQuery的庫時，對於瀏覽器來說可能是「龐大的」。添加諸如您建議的查詢以及應用程序或網站的感知響應時間可能會對用戶造成不利影響。

毫無疑問，JavaScript文件會阻塞你的http加載，如果做得不好，並且廣泛濫用javascript文件。只加載必要的東西。只加載縮小的文件。如果可能，合併。最後，要知道任何15秒的查詢都會出現一個困境....查詢會一直執行，直到完成後再顯示信息。如果你正在做一個特別沉重的查詢，瀏覽器要麼堵塞，要麼等到有一些東西要加載。所以，考慮攻擊查詢和顯示模式本身。

一旦我確定基於上面的文章的教導有效地調用了我的Javascript，我會停下來一分鐘，並考慮我的Ajax查詢。服務器端的查詢是否是最有效的查詢？有沒有辦法可以分解數據的加載，例如server-side, pipelined datatable這樣，您只需加載用戶可以合理查看的信息，然後讓他們做一個單獨的ajaxed get以獲取更多信息，重新準備好，增加感知響應時間。

此外，雖然我幾乎總是使用文件準備dom加載程序，如上所示，嘗試一次，沒有一次.....運行一些測試用例。當IE 6肆虐時，Dom裝載機非常棒。對於大多數較新的瀏覽器，加載問題已經在很大程度上被克服。

我是一個SAAS應用程序的UI開發人員，他定期處理數百萬條記錄....所以這對我來說每天都是一個難題。我發現以「一次一件」的方式查看數據的方式最有效地使得最有效的接口。