jQuery: помощь с обновлением содержимого div onchange

Question

У меня есть div, содержимое которого постоянно изменяется в зависимости от процесса на стороне сервера. В настоящее время я использую загрузку jQuery для опроса сервера каждые 3 секунды для получения любых обновлений.

Это то, что у меня есть:

function poll() { 
    reloadPage(); 
    setTimeout("poll();", 3000); 
} 

function reloadPage() { 
     $("#mydiv").load(location.href + " #mydiv>*", ""); 
} 

Это хорошо работает в Firefox, но в IE, нагрузка не обновляет DIV, вероятно, из-за проблем кэширования. Есть ли лучший способ делать то, что я пытаюсь делать, кроме опроса периодически?

Answer 1

Вам необходимо изменить URL-адрес для каждого запроса, чтобы IE не кэшировал ответ.

Например:

function poll() { 
    reloadPage(); 
    setTimeout(poll, 3000); 
} 

function reloadPage() { 
    $("#mydiv").load(location.href + "?Timestamp=" + new Date() + " #mydiv>*", ""); 
} 

Кроме того, вы не должны передавать строку в setTimeout.

Answer 2

jQuery ajax имеет кучу настроек по умолчанию, один из которых контролирует кеширование. Если вы установите для него значение false, он добавит временную метку к вызову ajax, чтобы предотвратить кеширование.

http://api.jquery.com/jQuery.ajax/

Answer 3

Есть ли лучший способ сделать то, что я пытаюсь сделать, кроме опроса периодически?

Поскольку HTTP - это протокол без гражданства, нет. Вы должны опросить, чтобы узнать, что происходит на сервере.

Но есть лучший способ осуществить опрос:

setInterval(function() { 
    $("#mydiv").load(location.href + " #mydiv>*", {Timestamp: new Date()}); 
}, 3000); 

Примечания:

• определяют интервал вместо тайм-аута,
• передать фактическую функцию setInterval, а не строка
• использовать параметр dataload() для передачи в кэш-прерывателе