鍛鍊對JSON輸出

親愛的所有IM通過這個代碼，提示以下輸出鍛鍊對JSON輸出

["images\/zara\/shoes\/thumbnail\/1.png","images\/zara\/shoes\/thumbnail\/2.png"]

$imgurl=array(); 
$i=0; 
if(mysql_num_rows($result) > 0){ 
    //Fetch rows 
    while($row = mysql_fetch_array($result)){ 

     $imgurl[$i]=$row['imgurl']; 
     //echo "<img src='$imgurl[$i]' />"; 
     $i+=1; 
     } 
} 
echo json_encode($imgurl);

和現在的jQuery結束IM抓住這個代碼，並獲得顯示，但我想經營一個循環在輸出上創建新的img標籤並在新的img src中插入每個圖像路徑「」

$(document).ready(function() { 
$('ul.sub_menu a').click(function() { 
    var txt = $(this).text(); 
     $.ajax({ 
     type: 'POST', 
     url: 'thegamer.php', 
     data: {send_txt: txt}, 
     datatype:'json', 
     success: function(data){ 
      $('#main-content').html(data); 
      } 
     }); 
    }); 
});

將使用任何代碼全

來源

2012-01-14 sajid

這是你需要成功的代碼：

success: function(data) { 
    // data contains an array of strings, each with the src for your img 
    var maincontent = $('#main-content'); 
    for (var i=0; i<data.length; i++) { 
    var img = $('<img />'); 
    img.attr('src', data[i]); 
    maincontent.append(img); 
    } 
}

當然也有很多，你可以做循環以及其他方式。

下面是填充在文檔加載主要內容的完整的例子：

<html> 
    <head> 
     <script src="js/jquery.js" ></script> 
     <script language="javascript"> 
     $(function() { 
      var txt = "test"; 
      $.ajax({ 
      type: 'POST', 
      url: 'data.json', 
      data: {send_txt: txt}, 
      dataType:'json', 
      success: function(data) { 
         var maincontent = $('#main-content'); 
         for (var i=0; i<data.length; i++) { 
          var img = $('<img />'); 
          img.attr('src', data[i]); 
          maincontent.append(img); 
         } 
         }, 
      error: function(jqXHR, textStatus, errorThrown) { alert(textStatus); } 
      }); 
     }); 

     </script> 
    </head> 
    <body> 
    <div id="main-content"></div> 
    </body> 
    </html>

順便說一句，我認爲在AJAX請求您datatype變量應該是dataType，大寫T.

這也是總是一個好主意，以提供ajax調用的錯誤函數，否則很難知道是否有問題。我的data.json包含您在上面提供的輸出字符串。當然，圖片鏈接在我的瀏覽器中被破壞了，但是如果圖片在正確的位置，它們將會適合您。

來源

2012-01-14 07:35:54 craigmj

其不工作 – sajid 2012-01-14 07:40:15

數據在你的成功函數中的價值是什麼？ – craigmj 2012-01-14 07:44:08

在我的問題的頂部plz看它 – sajid 2012-01-14 07:46:00

鍛鍊對JSON輸出

回答

相關問題