Как ускорить последовательную нагрузку JQuery() запросы на один DIV

Question

У меня есть две ссылки

<a href="page1.html">page 1</a> 
<a href="page2.html">page 2</a> 

<div id="content">&nbsp;</div> 

1. Я использую JQuery, чтобы загрузить их в Div, когда ссылки щелкают.

$('#content').load('page1.html'); 

2. Когда вторая ссылка щелкнул я опорожнить DIV

$('#content').html(''); 

3. и загрузить второй файл;

$('#content').load('page2.html'); 

Проблема, page1.html имеет много изображений в нем, даже после второго нажатия на ссылку и #content ДИВ опорожняется, браузер поддерживает загрузку изображений с page1.html и это замедляет вниз запрос на page2.html значительно.

Как я могу остановить содержимое первой нагрузки() от отправки запросов в браузере и ускорить отклик страницы?

Спасибо бесконечности!

Answer 1

Я не думаю, что вы будете иметь возможность использовать нагрузку. Я думаю, вам нужно будет использовать ajax function.

Из документов:

$ .ajax() возвращает XMLHttpRequest, что он создает. В большинстве случаев вам не нужен этот объект для непосредственного управления, но он доступен, если вам нужно отменить запрос вручную.

Это больше кода, но не должно быть так уж плохо. Вам, вероятно, понадобится настроить этот код (он не проверен), но я думаю, что эта концепция будет работать.

var xhr; 

$("a").click(function() { 
    if(xhr !== undefined) { xhr.abort(); } 
    xhr = $.ajax({ 
    url: this.href, 
    success: function(data) { 
     $("#content").html(data); 
    } 
    }); 
}); 

Answer 2

Я подозреваю, что проблема не с помощью метода нагрузки(), а скорее запросы, которые генерируются, когда DOM обновляется в результате запроса нагрузки, заполняющего. Как только запросы на изображения были инициированы, я не думаю, что есть какой-либо способ перезагрузить страницу, на которую вы можете остановить обработку этих запросов. Вы могли бы потенциально проверить, проверен ли запрос еще при нажатии второй ссылки и перезагрузить страницу, а не использовать AJAX, если запрос все еще выполняется. Я не уверен, что это действительно стоит того.

Answer 3

Можно ли использовать un-AJAX-ify на этой странице? Большинство браузеров, которых я знаю, перестают загружать страницу (стр. 1), когда они ее покидают. Весь смысл AJAX - сделать отзывчивые веб-приложения. В этом случае AJAX кажется контрпродуктивным по отношению к этой цели. Я предполагаю, что перезагрузка всего содержимого на странице, кроме содержимого в div #content, будет быстрее, чем завершение загрузки страницы1.