從jquery ajax請求輸出html

我創建了一個從目錄加載的庫。首先爲目錄中的每個專輯文件夾創建一個div標籤。然後im使用jquery ajax獲取被點擊的文件夾名稱，併爲該文件夾中的每個圖像創建div標籤。即時通訊發送文件夾的ID到一個外部的PHP頁面抓取圖像的文件路徑。即時通訊不知道如何輸出實際的HTML。對於ajax/php編碼來說相當新穎，所以解釋很有幫助。從jquery ajax請求輸出html

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>'; 
      }}?>

來源

2013-09-25 user2806656

你當前的代碼發生了什麼？如果沒有，控制檯是什麼樣的，有什麼錯誤？ – tymeJV

首先是改變你的success功能如下：

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

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

來源

2013-09-25 19:17:57

你改變了什麼？ – tymeJV

我覺得它很明顯.... $（'＃mydiv'）。html（data）; –

我用html替換append和好友 –

藉此

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

，並使其這個

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

來源

2013-09-25 19:17:16 cmorrissey

從jquery ajax請求輸出html

回答

相關問題