2013-07-18 91 views
0

我對AJAX比較陌生,通常我只是處理一些事情來使它們工作。 如果使用a,type:GETAJAX請求包含大量圖片的網址。在AJAX中執行GET請求是否加載所有圖像?

$.ajax({ 
    type: "GET", 
    url: "/works/" + x, 
    success: postImgModal 
    }); 

在成功:返回一堆的div和大型圖片的HTML的進入內存(對不起,我不知道知道正確的話)

當請求返回時,是否所有這些圖像都會被渲染?所以,不是很優化?或者他們是以非常小的純文本進入的?

我知道開發人員工具在處理前端/後端優化方面有一些瀑布視圖;不幸的是,這些觀點對我來說沒有意義。你們可以提供任何教程來幫助我理解前端/後端優化以及如何使用chrome工具(或其他建議的工具)來獲得我的好處。希望將來我可以自己解決這些問題。或者至少提出更好的問題。

+0

將'ajax'調用的html響應插入到頁面時會發生什麼?你的圖片加載嗎? – dm03514

+0

是的,如果我將html插入頁面,它會加載所有的圖像。但是,JSON –

回答

1

當一個AJAX請求返回HTML時,就會發生這種情況—返回HTML文本。如果你永遠不會將該HTML添加到你的DOM,那就是它的結束。

如果你將HTML添加到DOM,那麼這將是當任何<img>標籤將被檢查。如果給定URL處的圖像數據在瀏覽器緩存中不可用,那麼會發出單獨的HTTP請求。

如果你想避免這種情況,您可以在HTML中使用data URLs,但作爲一個應該期望(做了個鬼臉)這是由Internet Explorer的流行復雜。

+0

我也沒有任何用處,但我很好奇。你可以在一個HTTP請求中提供多個圖像嗎?說你什麼時候做過那個有10個文字圖像的ajax請求,這些圖像是從哪裏分別請求的,或者是否可以將它們分組? –

+0

哦,從不知道這是你的數據URL的東西 –

+0

@MatthewHarwood是的,這是一個辦法。您也可以提供原始圖像數據(RGB像素或某種壓縮形式)並將其渲染到''。 – Pointy