Необходимо сделать костыль для сайта. Сайт задумывался с использованием WebSocket но на продакшене он почему-то запрещен (wss запрещен). Встала задача переделать все без использования wss. Необходимо отправлять на браузер сообщения по команде сервера. Еще раньше использовался XMLHttpRequest, но он не подходит, т.к. у браузеров есть ограничения по количеству XMLHttpRequest соединений (5-8).
Серверная часть проекта на JSF + primefases.
НЕобходимо, что бы команды от сервера поступали на веб достаточно быстро + может быть много пользователей, поэтому регулярные запросы на сервер (раз в секунду) не сильно подходят.
Хочу создать асинхрнные запросы js. Обычные запросы на сервер отрабатывают, и можно не отправлять ответ обратно на браузер до тех пор пока сервер не захочет отправить команду. Когда сервер отправит ответ, js его получит, выполнит что надо и сразу отправит еще один такой же запрос. Цикл повторится. НО! если js ожидает команду, то весь остальной js "висит" и ждет ответ. Вроде как можно сделать асинхронные запросы, такие что после отправки запроса на сервер, остальной JS продолжит работу, но у меня почему то не получается.
Я использую Promise. Сделал тестовую программку. По замыслу: вызывается обновление таймеров раз в секунду. Один таймер с ожиданием в 4 секунды. Я хотел что б один таймер обновлялся раз в сек. а второй раз в 4 (ну или так же раз в секунду но с задержнкой, с неком смещением фазы).
<html>
<head>
<script type="text/javascript">
var el;
var el2;
var i=0;
var i2=0;
onload = function(){
setInterval(function(){
update();
update2();
},1000);
}
var update = function(){
newPromise().then(
function(){
el = document.getElementById("test");
i=Number(i)+Number(1);
el.innerText = i;}
);
};
function newPromise(){
return new Promise(
function (resolve, reject) {
if (true) {
sleep(4000);
resolve(true);
} else {
var reason = new Error('error');
reject(reason);
}
}
);
}
function update2(){
el2 = document.getElementById("test2");
i2=Number(i2)+Number(1);
el2.innerText = i2;
}
function sleep(milliseconds) {
const date = Date.now();
let currentDate = null;
do {
currentDate = Date.now();
} while (currentDate - date < milliseconds);
}
</script>
</head>
<body>
<h1 id="test">1</h1>
<h1 id="test2">1</h1>
</body>
</html>
Но не получается. Код ждет эти 4 сек. и не идет дальше как я ожидал. Так ли вообще работает Promise и если не так, что можно использоать?
setTimeout(resolve, 4000, true);