Как обработать данные, полученные Ajax?

Question

[Александр Горкин]

Есть Json запрос, который выглядит в такой форме:
"
{"user":{"id":69279,"name":"\u0412\u0438\u043a\u0430","city":"\u041c\u043e\u0441\u043a\u0432\u0430","avatar":"\/storage\/31\/33\/3133f88cbe33bcd01a6ba439d75ae9960daa9a994f235740849e7a4f4ee91257.jpg-50x50.jpg","big_avatar":"\/storage\/31\/33\/3133f88cbe33bcd01a6ba439d75ae9960daa9a994f235740849e7a4f4ee91257.jpg-800x800.jpg","age":43,"video":"k87jc9u7"}}
"
При каждом новом запросе, он генерирует нового пользователя. Задача стоит в том чтобы вывести 6 пользователей в виде галереи, и обновлять их данные каждые 5 сек. Не могу понять каким образом это сделать.

Html

<div class="index-page">
    <div class="container">
        <div class="third-row users-gallery">
            <div class="row">
                @foreach ($users as $k=>$user)
                <div  class="user-holder col-3 col-lg" data-num="<?=$k?>">
                    <div class="user" id="user">
                        <span id="name" class="img" style="background-image: url('{{Config::get('constants.image_host') . $user->big_avatar}}')" ></span>
                        {{--<span class="name"></span>--}}
                        <span class="lastname">{{Config::get('') . $user->name}}</span>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>

Вот js код:

function show(){
  	$.ajax({
  		url: '/random_user', 
  		type: 'GET', 
  		dataType: 'json', 
  		error: function(text){
  			alert('error');
  		},
  		success: function(json){ 
  			$('#user').html(json);
  			console.log(json);
  		}
  	});
  };

  $(document).ready(function(){
  	show();
  	setInterval(show,5000);
  });

Данные js я получил, но как их правильно раскидать в html, понять не могу. Помогите пожалуйста.

Answer 1

[Dimonchik]

когда больше одного - в цикле