как выполнить код на стороне сервера (php) каждый раз, когда переменная увеличивается на стороне клиента (java-скрипт)

Question

У меня есть эксперимент, который отображает случайные изображения из базы данных, и изображения прокручиваются на экране в течение 3 секунд, приостанавливаются на 3 секунды и вычитаются из экрана на 3 секунды, и я поддерживаю массив с индексомi ", чтобы сохранить эти изображения на стороне клиента, и если значение" i "увеличивается, другое изображение прокручивается на экране, так как я отображаю изображения из базы данных, если" i "увеличивается, другое изображение должно отображаться наэкран из базы данных (подразумевается, что каждый раз, когда я увеличивается, должен выполняться код на стороне сервера).может кто-нибудь сказать мне, как это сделать ...

Вот пример кода,

// на стороне сервера

$myQuery = "SELECT * from image WHERE img_id NOT IN (SELECT img_id from randomtrees where sid=".$sid.") ORDER BY rand() LIMIT 1";
$conn = mysql_connect("localhost","xxxxxx","xxxxxxxxxxxx");
mysql_select_db("database_name",$conn);
$result = mysql_query($myQuery);

$imagepath = 'path to the images folder which is in local host';
while ($row = mysql_fetch_array($result)) 
{ 
  $img = $imagepath.$row['img_name']; 
  $id = $row['imageid'];
  $img_id = $row['img_id'];
}
mysql_close($conn);

// на стороне клиента

slideimages[i++] = '<img src="<?php echo $img ?>" id="<?php echo $id?>" name="r_img"/>' ;

Answer 1

Если вам нужна скорость загрузки изображений, сначала извлеките их все вместе с помощью php и сохраните их в массиве JS.

Var X[]=<?php json_encode($imgs) ;?>;

Если вы заботитесь о времени загрузки страницы, вы можете либо получить все имена изображений и загрузить их, если это необходимо, с помощью JS, либо делать Ajax-запрос каждый раз, когда вам нужно изображение (что создаст большую нагрузку на сервер, но если у вас есть Большой объем данных, который хранит их все в JS, является проблемой. Или увеличьте размер файла, а затем воспользуйтесь этим.)

Answer 2

Или:

1) Извлеките все изображения, которые вам нужны, в одном запросе SQL и запишите их в массив JavaScript, который ваш скрипт может использовать для поворота изображений на стороне клиента

2) Используйте JavaScript для обновления страницы каждый раз, когда необходимо изменить изображения, изменив window.location.

3) Используйте AJAX, чтобы сделать запрос от JavaScript к серверу, чтобы получить другое изображение, и используйте ответ, чтобы изменить изображение, отображаемое на странице.