使用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

回答

相關問題