使用 Ajax 从 PHP 数组交换图像并获取 ID答案

【问题标题】：Swap images from PHP array with Ajax and also get ID使用 Ajax 从 PHP 数组交换图像并获取 ID
【发布时间】：2012-08-10 21:44:16
【问题描述】：

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

 array_push($goodfiles,$pic);

现在用户可以选择一张图片（使用下一个或上一个按钮），然后将其保存到数据库中。保存的图片基于数组中图像的 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

但是除了文字，我想通过图片进行分页。

【问题讨论】：

你有没有尝试过？

标签： php jquery ajax arrays swap

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

在你的 php 页面底部加载一个脚本

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

这样，当您的页面加载时，它会使用动态 javascript json 对象作为您可以与客户端一起使用的变量来呈现，这消除了对 AJAX 请求的需求，除非您使用您正在使用的数据进行处理。乍一看，我猜不是真的每说。但是，是的，至少它在页面加载时少了一笔交易。

编辑刚刚注意到有人在我打字时说了类似的话.. Lars.. 所以我想这是他回答的后续：-D

【讨论】：