Форум программистов, компьютерный форум, киберфорум
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. Показов 6508. Ответов 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
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Access
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru