從jquery ajax請求輸出html

Question

我正在創建從目錄加載的圖庫。 首先，我為目錄中的每個相冊文件夾創建了一個div標簽。 然后即時通訊使用jquery ajax獲取被單擊的文件夾名稱，並為該文件夾中的每個圖像創建div標簽。 我將文件夾的ID發送到外部php頁面以獲取圖像的文件路徑。 即時通訊不知道如何輸出實際的HTML。 對ajax / php編碼來說是相當新的東西，所以解釋是有幫助的。

jQuery Ajax：

var jq=$.noConflict();
        jq(document).ready(function(){
        jq(".album-select").click(function(event){
        var id=event.target.id;
        jq.ajax({
        type: "POST",
        url: "image_loader.php",
        data: {phpid:id},
        success: function(data){

            jq('#mydiv').html("");
            jq('#mydiv').append(data);
        }           



    });

image_loader.php

<?php
if (isset($_POST['phpid'])) {
$album_fill = $_POST['phpid'];
}
$dir = 'images';
$slash = '/';
$dir_image = "$dir$slash$album_fill";
    $dir_contents = scandir($dir_image);
    foreach($dir_contents as $file){
        if($file !== '.' && $file !== '..'){
        $dir_imagepath = "$dir_image$slash$file";
            echo '<div style="position:absolute; width:100px; height:100px; top:1100px; left:500px;">';
            echo '<img src="',$dir_imagepath,'">';
            echo '</div>';
            }}?>

Answer 1

拿着它

jq('#mydiv').html("");
jq('#mydiv').append(data);

並做到這一點

jq('#mydiv').html(data);

Answer 2

首先，如下更改您的success功能：

   success: function(data){
        $('#mydiv').html(data);
    }

其次，確保您的ajax調用返回一個HTML頁面。