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

在我的网站上，用户可以填写URL。当他填充url时，他从该URL获取所有图像src。我把这些SRC的一个数组在PHP中：使用Ajax从PHP数组中交换图像，并获取ID

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

但除了文字，我想分页通过图像。

来源

2012-08-10 Stefan

你尝试过什么？ – jwatts1980 2012-08-10 21:47:44

您可能不需要为此使用AJAX。只需返回一个包含JavaScript数组的HTML文件，其中包含所有这些图片网址，并使用JavaScript完成其他内容。

你回StackOverflow的情况下，你已经更精确的问题，并希望一些代码，我们可以帮上;）

来源

2012-08-10 22:20:19

加载在你的PHP页面底部的PHP其中的用户端脚本所有的HTML是，上述的结束标记那松散与此类似

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

这样的东西时，你的页面加载了其与动态JavaScript JSON对象作为一个变量，您可以使用客户端工作呈现，这除非你使用与你一起玩的数据做东西，否则一起去除了对AJAX请求的需求。从乍一看我猜不是每个人都说。但是，至少，在页面加载时至少要做一件事。

编辑只注意到有人说，类似的，而我打字..拉斯..所以我想这是一个后续行动，他的回答:-D

来源

2012-08-10 22:32:09 chris

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

回答

相关问题