Как получить JSON из Laravel 5.1

Я разрабатываю приложение с Laravel 5.1 и пытаюсь получить информацию из json, но не могу, у меня есть следующий код:

Маршруты:

Route::get('toys','ToyController@listing');

Контроллер:

    public function listing(){
      $toys = Toy::all();
      return response()->json([
         "toys" => $toys->toArray()
      ]);
    }

Ходатайство получить:

    <script>
        $(document).ready(function(){

        $.getJSON("http://localhost:8000/toys", function(data){

        });
    });
    </script>

И я вижу данные в консоли:

но как показать информацию в HTML? Благодарность


json php ajax laravel-5.1
person Lagul    schedule 20.07.2015    source источник
comment
вы должны узнать немного js/jQuery о том, как манипулировать dom. Или вы не должны использовать json, просто используйте html.   -  person worldask    schedule 20.07.2015

Ответы (1)


arrow_upward
3
arrow_downward

использовать нужно использовать оператор . для получения данных доступа в каждом объекте, поскольку у вас есть массив объектов, которые вам нужно пройти через каждый объект и получить к ним доступ, как показано в следующем примере:

data.id - для доступа к id
data.genre - для доступа к жанру и т.д.

Вы можете перебрать объект данных, как показано в следующем примере в jquery.

$(data).each( function (key, value) )
{
         $("#iddiv").append(value.id+","); //this will show all the ids in the div with id iddiv, which are separated by commas
}

<body>
        <div id= "iddiv" > </div>
</body>

Отредактировано:

Это двухмерный объект, поэтому сделайте следующее:

$(data).each( function (key, value) )
{
        $(value).each( function( key2, value2 )){

         $("#iddiv").append(value2.id+","); //this will show all the ids in the div with id iddiv, which are separated by commas

         })
}
person Sourabh Kumar Sharma    schedule 20.07.2015
comment
хорошо, я сделал, но показывает только undefined, спасибо за ваш ответ :) - person Lagul; 20.07.2015
comment
Можете ли вы сказать мне, что именно он показывает undefined? Вы поместили приведенный выше код в свою function(data) { .. } часть кода? - person Sourabh Kumar Sharma; 20.07.2015
comment
На мой взгляд, в ‹div id=iddiv›‹/div› показать undefined, - person Lagul; 20.07.2015
comment
$(document).ready(function(){ $.getJSON(localhost:8000/generos, function(data ){ $(data).each( function (key, value) { $(#iddiv).append(value.genre+,); // это покажет все идентификаторы в div с идентификатором iddiv, которые разделены запятыми }); }); }); - person Lagul; 20.07.2015
comment
удалите точку с запятой из "localhost:8000/generos";, части кода - person Sourabh Kumar Sharma; 20.07.2015
comment
пожалуйста, проверьте, что именно не определено, это переменная данных, которая не определена? - person Sourabh Kumar Sharma; 20.07.2015
comment
Когда я перехожу на одиночный $(#iddiv).append(value+,); я вижу [объект-объект], [объект-объект], [объект-объект], [объект-объект], и когда добавляю .id, я вижу undefined, - person Lagul; 20.07.2015
comment
Это индекс объекта, на котором вы находитесь, он может вам иногда понадобиться для отслеживания индекса объекта. - person Sourabh Kumar Sharma; 20.07.2015
comment
Привет, у меня есть другой вопрос xD, как обновить эту петицию? например каждые 3 секунды? , потому что я использую -> setInterval(carga(),500); но один дубликат моих данных - person Lagul; 21.07.2015