如何在服务器端执行代码(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

以下任一项：

1)在一个SQL查询中检索所需的所有图像，并将它们写入JavaScript数组，您的脚本可以使用该数组在客户端旋转图像

2)每次需要通过修改window.location修改图片时，使用JavaScript刷新页面。

3)使用AJAX从JavaScript向服务器请求获取另一张图片，并使用响应来更改页面上显示的图片。

Answer 2

如果你关心图片加载的速度，可以使用php一次获取所有图片，并将它们存储在JS数组中。

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

如果您关心页面加载时间，您可以获取所有图像名称并加载它们(如果有必要使用JS )，或者在每次需要一个图像时发出Ajax请求(这将在服务器上产生繁重的负载，但如果您有大量数据，将它们全部存储在JS中是一个问题，或者增加文件大小，然后使用它)。