Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.02.2022, 10:18
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Вывод html из запроса
Привет. Аякс возвращает объект. Мне нужно обернуть результат в html
...
      success: function (data) {
            let obj = JSON.parse(data);
           let div = [];
            for (var key in obj) {
            div[key] ='....';
            }

 $('.ajax-items .row').html(div)


Но мне надо,до цикла добавить <div> и соответственно после цикла </div> и как то обернуть ими тот див, что в цикле. Как это написать?
Ответить с цитированием
  #2 (permalink)  
Старый 14.02.2022, 10:20
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

Сообщение от ureech
Как это написать?
Все описано в букваре...
https://learn.javascript.ru/modifying-document
Ответить с цитированием
  #3 (permalink)  
Старый 14.02.2022, 10:46
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Да вот не получается.
Ответить с цитированием
  #4 (permalink)  
Старый 14.02.2022, 10:47
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

ureech, а как ты пытаешься это делать?
Покажи свои варианты...
Ответить с цитированием
  #5 (permalink)  
Старый 14.02.2022, 10:59
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Например так
...
      success: function (data) {
            let obj = JSON.parse(data);

            let row = document.createElement('div');
            row.className = 'row';

           let div = [];
            for (var key in obj) {
            div[key] ='....';
            }
 $(div).before(row);

 $('.ajax-items .row').html(div)


Uncaught TypeError: n[0] is undefined
Ответить с цитированием
  #6 (permalink)  
Старый 14.02.2022, 11:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,148

ureech,
success: function(data) {
            let obj = JSON.parse(data);
            let div = ['<div>'];
            for (var key of obj) {
                div.push(key)
            }
            div.push('</div>')

            $('.ajax-items .row').html(div.join(''));
        }
Ответить с цитированием
  #7 (permalink)  
Старый 14.02.2022, 11:05
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

Сообщение от ureech
Например так
Какой-то суп-набор...
Сообщение от ureech
let row = document.createElement('div')
Создал элемент...
Далее в него должны быть какие-то вставки... Но их нет.

Сообщение от ureech
$(div).before(row)
Это вот что такое?

Сообщение от ureech
$('.ajax-items .row').html(div)
А это?

Ты понимаешь что вообще можно оборачивать в
$()
?
Ответить с цитированием
  #8 (permalink)  
Старый 14.02.2022, 11:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,148

ureech,
если данные корректные то должно быть примерно так.
success: function(data) {
            let div = ['<div>'];
            div.push(...data)
            div.push('</div>')
            $('.ajax-items .row').html(div.join(''));
        }
Ответить с цитированием
  #9 (permalink)  
Старый 14.02.2022, 11:10
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

рони,
Спасибо.
Сообщение от ksa
Далее в него должны быть какие-то вставки... Но их нет.
В нём должен быть массив div
Сообщение от ksa
Это вот что такое?
Это как я понял доки)
Сообщение от ksa
Ты понимаешь что вообще можно оборачивать в
То, на что ругается консоль)
Ответить с цитированием
  #10 (permalink)  
Старый 14.02.2022, 11:21
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

Сообщение от ureech
В нём должен быть массив div
Вот их-то и нужно вставлять в контейнер. Это если верить твоим желаниям из первого сообщения.

Сообщение от ureech
Это как я понял доки)
Почитай любой учебник по работе с ДОМ. Возможно многое станет яснее.

Сообщение от ureech
То, на что ругается консоль)
Странное объяснение.
Вот почитай хоть такую статейку...
Цитата:
Варианты вызова основной функции jQuery()
Вариант вызова Описание
$(функция) Позволяет указать функцию, которая должна быть выполнена по завершении построения DOM
$(селектор)
$(селектор, контекст) Осуществляет выбор группы элементов в документе с помощью селектора
$(HTMLElement)
$(HTMLElement[]) Создает объект jQuery из объекта или массива объектов HTMLElement
$() Создает пустой набор элементов
$(HTML-код) Создает новые элементы из фрагмента HTML-кода
https://professorweb.ru/my/javascrip...level1/1_2.php
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вывод GET запроса в блок при загрузке usesa Общие вопросы Javascript 2 08.12.2015 17:23
Преобразовать строку в HTML код (обратное htmlspecialchars из php) daslex Общие вопросы Javascript 71 23.08.2015 20:41
вывод html теста на странице andz2 Angular.js 3 11.06.2015 08:15
Вывод из PHP в HTML gJam Серверные языки и технологии 7 05.07.2012 17:37
Вывод html тегов с переменной Eser Общие вопросы Javascript 3 04.07.2012 16:04