2012-01-14 2 views
0

Уважаемые все им получать ниже выходтренировки на выходе 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 конец им захватывая этот код и получить отображается, но я хочу работать цикл на выходе создавать новые теги 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); 
      } 
     }); 
    }); 
}); 

любой код будет использовать полный

ответ

0

Это код, который нужно для успеха:

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> 

Кстати, я думаю, что ваша datatype переменная в запросе Ajax должен быть dataType, с заглавной Т.

Это также всегда хорошая идея, чтобы обеспечить функцию ошибки при вызовах ajax, в противном случае очень сложно понять, что-то не так. Мой data.json содержит приведенную выше строку вывода. Конечно, ссылки на изображения нарушены в моем браузере, но они будут работать для вас, если изображения находятся в правильных местах.

+0

не работает – sajid

+0

Какова ценность 'данных' в вашей функции успеха? – craigmj

+0

наверху моего вопроса плз смотреть его – sajid

Смежные вопросы