0

在我的网站上,用户可以填写 url。当他填写 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

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

4

2 回答 2

0

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

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

于 2012-08-10T22:20:19.063 回答
0

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

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

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

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

于 2012-08-10T22:32:09.650 回答