Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/35: Рейтинг темы: голосов - 35, средняя оценка - 4.80
 Аватар для TOI_I_IA
110 / 110 / 4
Регистрация: 25.05.2009
Сообщений: 415

jquery json each. Построчный вывод таблицы

17.05.2013, 17:08. Показов 6530. Ответов 12
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
JavaScript
1
2
3
4
5
6
7
8
9
$.ajax({
    url: '/welcome/loadfile.html',             // указываем URL и
    dataType : "json",                     // тип загружаемых данных
    acync : false,
    success: function (data, textStatus) {
$.each(data.item, function(i, val) {
addToTab(val);
}
}});
При выполнении этого скрипта и данными в 650 строк добавление в таблицу происходит не построчно а сразу всё. Хотелось бы сделать задержку что бы было видно как добавляется по строке. Помогите как это реализовать.
Пробовал делать так
JavaScript
1
2
$.each(data.item, function(i, val) {
setTimeout(add(val), 5000);}
Но ни чего не изменилось
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
17.05.2013, 17:08
Ответы с готовыми решениями:

JSON вывод через JQuery
JQuery+javascript+JSON!? Подскажите как создать отдельный файл JS с данными JSON, потом исп. через JQUERY? напр. // jsontest.js ...

Вывод json контента в MVC 3 средствами jquery
Есть контроллер: public JsonResult UploadFiles() { string collection =...

Построчный вывод текстового файла и вывод комментария к каждой строке.
Программа делает выгрузку текстового файла с сервера и отображает содержимое текстового файла на страничке. Мне нужно сделать так, что бы...

12
странник
 Аватар для Donald28
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
17.05.2013, 19:06
Цитата Сообщение от TOI_I_IA Посмотреть сообщение
JavaScript
1
setTimeout(add(val), 5000);}
так у вас функция вызова называется не add, а addToTab

Добавлено через 3 минуты
а что выходите сделать методом each?
перебрать все элементы массива data.item?
0
 Аватар для TOI_I_IA
110 / 110 / 4
Регистрация: 25.05.2009
Сообщений: 415
18.05.2013, 02:18  [ТС]
В имени функции ошибся. Так как не копировал а писал. Но все же может кто что подскажет
0
странник
 Аватар для Donald28
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
18.05.2013, 02:22
Повторю вопрос:
Цитата Сообщение от Donald28 Посмотреть сообщение
а что выходите сделать методом each?
перебрать все элементы массива data.item?
0
 Аватар для TOI_I_IA
110 / 110 / 4
Регистрация: 25.05.2009
Сообщений: 415
18.05.2013, 02:25  [ТС]
У меня идет перебора массива и добавление строк в таблицу по данным из этого массива
0
странник
 Аватар для Donald28
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
18.05.2013, 02:56
попробуй так:
JavaScript
1
2
3
$.each(data.item, function(i, val) {
     setTimeout(addToTab(val),i*1000);
}
0
 Аватар для TOI_I_IA
110 / 110 / 4
Регистрация: 25.05.2009
Сообщений: 415
20.05.2013, 09:11  [ТС]
Цитата Сообщение от Donald28 Посмотреть сообщение
попробуй так:
JavaScript
1
2
3
$.each(data.item, function(i, val) {
     setTimeout(addToTab(val),i*1000);
}
Результат тот же. Выводится сразу целиком.
0
 Аватар для Xp-Apache
32 / 18 / 10
Регистрация: 20.05.2013
Сообщений: 47
20.05.2013, 09:55
Решение таково (http://jsfiddle.net/jr6Bb/):

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$.ajax({
    url: '/welcome/loadfile.html',             // указываем URL и
    dataType : "json",                     // тип загружаемых данных
    acync : false,
    success: function (data, textStatus) {
    addToTab(data.item);
}});
 
addToTab = function(data, index) {
    if (index == null || index == void(0)) {
        index = 0;
    }
 
    if (index >= data.length) return;
 
    // формируем строку, вставляем в таблицу
 
    setTimeout(function() {addToTab(data, index++)}, 5000);
}
0
 Аватар для TOI_I_IA
110 / 110 / 4
Регистрация: 25.05.2009
Сообщений: 415
20.05.2013, 13:54  [ТС]
Огромное спасибо. то что нужно.

Добавлено через 3 часа 21 минуту
после добавления строк перестала работать функция выделения строк по клику
JavaScript
1
2
3
$('#taaab tr.on').on("click", function() {
 $(this).next("tr.twos").toggleClass('selected');
});
1
странник
 Аватар для Donald28
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
20.05.2013, 14:38
причина тут: Добавление строк в таблицу
0
 Аватар для TOI_I_IA
110 / 110 / 4
Регистрация: 25.05.2009
Сообщений: 415
20.05.2013, 14:42  [ТС]
Решил задачу вот так
JavaScript
1
2
3
4
 
$("body").on('click','#taaab tbody tr.on',function () {
$(this).next("tr.twos").toggleClass('selected');
});
0
 Аватар для Xp-Apache
32 / 18 / 10
Регистрация: 20.05.2013
Сообщений: 47
20.05.2013, 15:22
Возможно ещё одно решение. При создании строки до или после её вставки в таблицу, вешать на неё событие. Что-то вроде такого:

JavaScript
1
$("<tr>").click(function() {$(this).next("tr.twos").toggleClass("selected"); });
Из плюсов такого подхода - меньшая нагрузка на клиента (браузер), т.к. не заставляет jQuery мониторить весь документ.
0
 Аватар для TOI_I_IA
110 / 110 / 4
Регистрация: 25.05.2009
Сообщений: 415
20.05.2013, 15:23  [ТС]
Цитата Сообщение от Xp-Apache Посмотреть сообщение
Возможно ещё одно решение. При создании строки до или после её вставки в таблицу, вешать на неё событие. Что-то вроде такого:

JavaScript
1
$("<tr>").click(function() {$(this).next("tr.twos").toggleClass("selected"); });
Из плюсов такого подхода - меньшая нагрузка на клиента (браузер), т.к. не заставляет jQuery мониторить весь документ.
Спасибо возьму на заметку
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
20.05.2013, 15:23
Помогаю со студенческими работами здесь

Разбор JSON и вывод таблицы с одной строкой + AJAX
вот код &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;JDBC Examples&lt;/title&gt; &lt;link rel=&quot;stylesheet&quot;...

Построчный вывод
Как сделать таблицу, чтобы можно было выбирать количество выводимых элементов, соответственно у таблицы должны быть страницы. Возможно это...

Построчный вывод в цикле for
Вопрос казалось бы тупее не придумать, но я не знаю: static void Main() { for (int i = 0; i &lt; 6 &amp;&amp; 6...

Построчный файловый вывод
При попадании в case0 выводит строки из файла с 0 по 21, а при попадании в cаse1 должен выводить с 22 по 43, но на самом деле выводит как...

Построчный вывод файла
#include &lt;conio.h&gt; #include &lt;stdio.h&gt; #include &lt;iostream&gt; int main() { FILE *fp; char res; char...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru