Как сделать перебор JSON объекта подобия php форича с вёрсткой?

Question

[Евгений]

Приходит с сервера в Success аякса вот такой массив(пример)


Мне теперь нужно его превратить в вёрстку. Так как хочу не получится. Так что придумал второй вариант. Просто выводить в таблицу BS. Начал делать вёрстку таблицы, но тут стал вопрос как зациклить строки этого чудо массива? На пхп был бы просто форич и я бы уже работал с подсмассивами. А в js как ? Плюс как это вшить в вёрстку отправляемую.

success: function (res) {
                	var bent = res[0].length;

                    $('#orders').html(
                        '<p>Всего заказов:'+ bent + '</p>' +  '<table class="table table-hover" style="font-family: \'Exo 2\', sans-serif;">'+
                        '<thead style="color: #0f0f0f" >'+
                        '<tr class="info">'+
                        '<th>№ Заказа</th>'+
						'<th>Отделение</th>'+
                   	 	'<th>Название услуги</th>'+
                    	'<th>ФИО Заказчика</th>'+
                   		 '</tr>'+
                   		 '</thead>'+

						'</table>'

                    );


                    console.log(res);
                },

Answer 1

[Pavel Karinin]

Если вы не просите нас выложить вам готовый код, то здесь много рассказано про циклы в JS, а здесь про перебор массивов.

Comments

[Евгений]

Как перебрать массив при помощи Jquery я и сам нашёл. Но мне нужно отправить такую вёрстку. Я даже скинул код как я отправляю вёрстку при успешном аяксе. Как мне правильно встроить цикл в эту конструкцию?
На php например вот

<table class="table table-hover" style="font-family: 'Exo 2', sans-serif;">
                                <thead style="color: #0f0f0f" >
                                <tr class="info">
                                    <th>№ п/п</th>
                                    <th>Наименование платных услуг</th>
                                    <th>Единица измерения</th>
                                    <th>Цена с учетом НДС, руб.</th>
                                </tr>
                                </thead>
                                <tbody>
                                <?php $i =1; foreach ($gyn as $item) :?>
                                    <tr>
                                        <td><?=$i++;?></td>
                                        <td><?=$item['name']?></td>
                                        <td><?=$item['unit']?></td>
                                        <td><?=$item['price']?></td>
                                    </tr>
                                <?php endforeach; ?>

                                </tbody>
                            </table>

Но тут + всякие и тд. Сюда же вроде как цикл писать нельзя?

[Иван]

Евгений, На PHP так тоже выводить нельзя ... Ну точнее физически можно конечно, но в приличном обществе такое лучше не показывать.

[Евгений]

Иван, Прям интересно стало как же прилично. Это стандартный метод вывода форичем

[Иван]

Это стандартный метод вывода форичем

Которыми редко кто пользуется. Разве что вы поделку делаете для отладки.
Как надо я вам ниже написал - оно и для PHP актуально.

[Евгений]

Иван, Я беру данные из модели и мне нужно построить таблицу. Зачем изобретать велосипед?
Причём наименований в 1 категории у меня будет не больше 50. По поводу того, что ниже, я пока не определился, буду ли сунуть нос в фронт-енд углубленно, так как мне кажется это довольно геморным делом.
По поводу шаблонизаторов почитаю. Но опять же мой вопрос был в том, как всунуть цикл туда. То что форич есть в JS я знаю. И как он юзается тоже. Просто я отправляю таблицу в определённый блок при успешком аяксе. Но строки в ней уже должны быть зациклены из джон объекта + я там ещё 2 функции напишу.

Как вот в эти плюсы запихнуть цикл?

[Иван]

Евгений, просто формируйте строку в цикле и вставляйте append'ом в таблицу. Шаблонные строки в помощь.

[Pavel Karinin]

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

[Иван]

Pavel Karinin, ну там и с PHP видимо все поверхностно ...

[Pavel Karinin]

Евгений Вы скопировали код? чтоб я его удалил, а то ведь другие за образец могут взять...

[Евгений]

Иван, Вы так и не предложили более адекватный вариант вывода используя только php. Поэтому вес вашей писанины не велик. Хз , где у вас там не пользуются форичем для вывода данных во вьюху с модели, но все знакомые товарищи используют и живые и всё работает без косяков.

[Евгений]

Pavel Karinin, За код спасибо, сравню с тем что написал. А то что пхп код другой, я просто как пример выдрал с проекта. Пока сюда не заходил, другая мысль в голову прилетела

[Евгений]

Pavel Karinin, Но кстати ваш код не работает и в таблице всегда одна строка. Но мой вариант вроде как работает

[Pavel Karinin]

я же говорю, проверьте опечатки, я их видел уже после публикации... на скорую руку писал

Answer 2

[Иван]

А еще есть шаблонизаторы (лично мне нравится handlebars) и "фреймворки" типа React или Vue.

ЗЫ
В JS тоже есть форфорыч. Гуглящий да обрящет.

ЗЫ2
Если вы

Изучаю Back-end программирование

... то смотрите Vue.