使用Ajax交换PHP数组中的图像，并获取ID

Question

在我的网站上，用户可以填写网址。当他填写url时，他会从该url获取所有图像src。我将这些src推送到php中的一个数组中：

 array_push($goodfiles,$pic);

现在，用户可以选择其中一张图片(使用next或prev按钮)，然后将其保存到数据库中。保存的图片基于数组中图像的id。因此，$goodfiles'0‘表示id = "0“，依此类推。

我希望交换的图像与ajax一起工作，这样页面就不必一直刷新时，单击下一步或上一步按钮。然后，当我保存表单时，我想知道当前图像的id，以便将其保存到数据库中。

如何使用Ajax (jquery)实现这一点？

编辑：

我现在就是这么做的：

    $current_id = $_GET['id'];
if(empty($_GET['id']) || !empty($empty)) { $current_id = 0; }
$prev_id = $_GET['id'] - 1;
if($prev_id < 0){ $prev_id = 0;}
$next_id = $_GET['id'] + 1;
if($next_id > $_SESSION['count']-1 && $_SESSION['count'] != 'empty') { $next_id = $_SESSION['count']-1;}

这是分页的代码

这是分页：

        <div id="url_pic">

        <img src="<?=$_SESSION['pictures'][$current_id]?>" class="img_load"><br>
        <? if($_SESSION['count'] > 1) { ?><center><a href="additem_url.php?id=<?=$prev_id?>"><img src="img/add/left.png"></a> <a href="additem_url.php?id=<?=$next_id?>"><img src="img/add/right.png"></a></center> <? } ?>

    </div>

所以现在我的解决方案不包含任何javascript，但都是php编码的。每次你想看下一张图片时，页面都会刷新。我想在ajax中解决这个问题，这样您就可以在不刷新的情况下对图像进行分页。我想要的方式就像这个链接：

 http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm

但除了文本之外，我还想对图像进行分页。

Answer 1

为此，您可能不需要使用AJAX。只需返回一个包含JavaScript数组的html文件，该数组包含所有这些图像URL，然后使用JavaScript执行其他操作。

如果您有更精确的问题和一些代码，请返回到StackOverflow，我们可以提供帮助。)

Answer 2

在php页面的底部加载一个脚本，在PHP的用户端，所有的HTML都在这里，在关闭body标记的上方，大致类似于以下内容

<script type="text/javascript">
   var myArray = <?php echo json_encode($myPHParray); ?>
</script>

这样，当你的页面加载出来时，它会呈现一个动态的javascript json对象作为你可以在客户端使用的变量，这样就不需要所有的AJAX请求了，除非你正在处理你正在使用的数据。乍一看，我猜并不是每个人都这么说。但是的，至少在页面加载时少了一笔交易。

编辑刚刚注意到有人在我打字的时候说了类似的话..拉斯..。所以我猜这是他的回答的后续:-D