锻炼对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输出

回答

相关问题