Как сделать так чтобы $.ajax отрабатывал только после изменения данных в файле на который отправляется запрос?

Question

Андрей Белый @just_guy95

Bitrix 1C

JavaScript

Как сделать так чтобы $.ajax отрабатывал только после изменения данных в файле на который отправляется запрос?

Доброй ночи.
Собственно сам ajax:

$.ajax({  
			url: params.PATH_TO_TEMPLATE + "/server.php",  
			cache: false,  
			success: function(html){  
					$("#data").html(html);
			}
		});

И файл на который отправляется запрос:

<? foreach ($_SESSION["SALE_USER_BASKET_QUANTITY"]["s1"] as $value) {
if (!empty($value) == true) { ?>
// какой-то код
<?} 
} ?>

Поясняю, в $_SESSION["SALE_USER_BASKET_QUANTITY"]["s1"] хранится информация о том, есть ли в корзине товар.
Цель в том, чтобы ограничить добавление до 1 товара в корзину путем блокировки кнопок, особенно хитрые пользователи могут открыть 2 разных товара и сначала добавить один, а потом второй товар. Для этого и необходимо такое асинхронное обновление этого значения $_SESSION["SALE_USER_BASKET_QUANTITY"]["s1"]

Вопрос задан более трёх лет назад
64 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

4 комментария

Андрей Белый @just_guy95 Автор вопроса

Ещё раз доброй ночи, а можно пожалуйста более развёрнутый ответ?
Возможно я не правильно описал суть того, что хочу.
Преставим, что пользователь открыл 2 страницы разных товаров параллельно, если я ajax прикрепляю просто к событию клика, то он будет отрабатывать только на той странице на которой был совершён клик и соответственно на этой же странице кнопка и будет заблокирована. А как же вторая страница которую он открыл параллельно? А на ней кнопка все также будет доступна...
Я себе примерно реализацию представляю так:
Вместо события клика, необходимо событие которое следило бы за тем произошло ли изменение в файле запрос на который посылает ajax. Я даже не представляю как это сделать, может использовать какие-нибудь прослушиватели событий...

Написано более трёх лет назад
Daniil Vasilyev @hello_my_name_is_dany

Андрей Белый, для такой функциональности у вас есть несколько решений:
1. Раз в n секунд отправлять запрос на проверку.
2. Использовать Long Polling https://habr.com/ru/company/cackle/blog/167895/

Написано более трёх лет назад

Андрей Белый @just_guy95 Автор вопроса

hello_my_name_is_dany, доброе утро, вариант с long polling интересный и в общем он подходит, сейчас пытаюсь его реализовать, но есть проблема:
index.php:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<script src="script.js"></script>
</head>
<body>
	<div id="data">
		Это блок с данными?
	</div>
	<span>Привет, как дела?</span>
</body>
</html>

script.js:

function updateData(){
	var xhr = new XMLHttpRequest();
	xhr.open("GET", "server.php", true);
	xhr.timeout = 10000;
	xhr.ontimeout = function () {
		 console.error("The request for timed out.");
	};
	xhr.onload = function() {
		 if (xhr.readyState === 4) {
			  if (xhr.status === 200) {
					console.log(xhr.response)
			  } else {
					console.error(xhr.statusText);
			  }
		 }
		 updateData();
	};
	xhr.send('');
}

server.php:

<?
	$quantityCart = array("One" => 1, "Two" => 2, "Three" => 3);
	$params = json_encode($quantityCart);
	echo $params;
?>

Суть проблемы объясняю в видео:
youtu.be/0iPOrGfVUZQ
P.S. Я знаю, что есть более современные метод fetch, но в хочу разобраться именно с XMLHttpRequest

Написано более трёх лет назад

Daniil Vasilyev @hello_my_name_is_dany

Андрей Белый, вы просто сделали идущие бесконечно подряд запросы.
Почитайте эту статью. Там описана настройка сервера и работа с LP на JS (XHR).
https://habr.com/ru/company/cackle/blog/167895/

Написано более трёх лет назад