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


Swap images from PHP array with Ajax and also get ID

在我的网站上,用户可以填写网址。当他填写网址时,他会从该网址获取所有图像。我将这些 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

但除了文本,我想通过图像进行分页。

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

回到StackOverflow,如果你有一个更精确的问题,希望有一些代码,我们可以帮助他们;)

php 页面的底部加载一个脚本,即 PHP 的用户端,您的所有 HTML 都位于闭合体标记上方,与此大致相似

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

这样,当您的页面加载时,它会使用动态 JavaScript JSON 对象作为您可以使用客户端使用的变量进行渲染,这消除了对 AJAX 请求的所有需求,除非您对播放的数据执行操作。乍一看,我猜不是真的。但是,是的,至少在页面加载时要进行的事务减少了一次。

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