Question

我是Javascript的新手，我已经创建了下面的代码，它工作正常没问题但是我想知道我想用mysql数据库中的php和javascript动态地拉动图像我怎么能重构我的代码？。在此先感谢您的贡献。

var myimage = document.getelementById("mainImage");
var imageArray =["images/overlook.jpg","images/garden.jpg","images/park.jpg"];

var imageIndex =0;

function changeimage(){
      myimage.setAttribute("src",imageArray[imageIndex]);
      imageIndex++;
      if(imageIndex >= imageArray.length){
      imageIndex = 0;
}

setInterval(changeimage, 5000);

Answer 1

其中一个选项。

使用图片的URL查询数据库中的列。

$query = mysql_query("SELECT url FROM images");

然后这样的东西得到一个数组：

$images = array();
while($row = mysql_fetch_array($query)){
    $images[] = $row['url'];
}

然后生成此字符串（您在提供的Javascript中使用）：
```
var imageArray = ["images/overlook.jpg","images/garden.jpg","images/park.
```
使用从数据库中检索到的数组。如果你不想搞乱容易出错的字符串构建，你可以在PHP中使用json_encode。
```
$imagesAsJsonArray = json_encode($images);  
```
回应它。完成。

不是最优雅的解决方案。但它给你一些东西可以玩。在线查看一些PHP教程，您很快就会掌握它。

Answer 2

两种选择：

在创建页面时使用PHP，在页面中放置一组图像，并使用页面级javascript在它们之间循环。
在页面中使用Ajax，从页面调用服务器以获取下一个图像，然后使用客户端javascript在页面上显示返回的图像。

使用javascript和php动态调用图像

2 个答案: