Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
274 / 178 / 30
Регистрация: 16.03.2017
Сообщений: 1,631

Синхронный цикл с колбэками

14.05.2018, 15:08. Показов 1012. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день, подскажите, плиииз, есть ли стандартное решение для браузера?

Есть класс вида
{
table1:{...parms},
table2:{...parms},
table3:{...parms},
}

Надо по каждому имени таблицы (table...) провести аякс запрос и выводить только в порядке table1, table2, table3 вне зависимости от скорости выдачи результата сервером

Вижу 2 решения:
1) отсылать запрос по table2 в колбэке table1, table3 в колбэке table2...
2) кешировать ответы и выводить table2, только если уже table1 выведено...
как правильно? Есть ли готовое/стандартное решение или изобретать свой велосипед?

Знаю что в Ноде появились методики для подобного, но мне нужно под браузеры!
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
14.05.2018, 15:08
Ответы с готовыми решениями:

Создать программу по всем 3 видам циклов...цикл с параметром,цикл с условием,цикл,и цикл с предусловием...
Найти сумму чисел 1 в квадрате до 10 c квадрате...операцию возведению в степень не использовать учесть особенности получения квадратного...

Синхронный запрос
Добрый вечер, господа! Делаю учебный минипроект (погода по API). Необходимо часть кода выполнить после получения массива с данными о...

Синхронный RS-триггер
Помогите, пожалуйста:-[ На рисунке изображен синхронный RS-триггер . установить на его прямом выходе высокий , а на инверсном низкий...

3
23 / 16 / 7
Регистрация: 17.10.2012
Сообщений: 74
14.05.2018, 15:54
Добрый день.
Для этого в JS есть механизм под названием Promise.
Попробуйте прочитать про него сами, я сейчас к сожалению не могу быстренько набросать пример.

Добавлено через 19 минут
P.S.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
const table1Promise = new Promise((resolve) => {
    setTimeout(() => {
        resolve();
    }, 2000);
});
 
const table2Promise = new Promise((resolve) => {
    setTimeout(() => {
        resolve();
    }, 1000);
});
 
const table3Promise = new Promise((resolve) => {
    setTimeout(() => {
        resolve();
    }, 4000);
});
 
 
table1Promise.then(() => {
    console.log('table1 resolve');
    table2Promise.then(() => {
        console.log('table2 resolve');
        table3Promise.then(() => console.log('table3 resolve'));
    });
});
Почти так же, как Вы предлагали сделать через колбеки.
Можно все это оформить покрасивее и получше при желании.
1
274 / 178 / 30
Регистрация: 16.03.2017
Сообщений: 1,631
14.05.2018, 21:45  [ТС]
Цитата Сообщение от froziq Посмотреть сообщение
Для этого в JS есть механизм под названием Promise.
Вообще-то я надеялся на аналог такого:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
        var arr1=[]
        for(var i=0; i<10; i++){
            arr1.push(100*i)
        }
        console.log(arr1)
        function loop1(i){
            
            console.log('обрабатываем ['+i+']:'+arr1[i])
            var time1=500+Math.floor(1000*Math.random());
            console.log('ждем '+time1)
            setTimeout(function(){
 
                if(1==0){
                    if(i==8){ // на 8й колбэк выдает ошибку
                        console.log("имитируем ошибку")
                        return;
                    }
                }
 
                if(i<arr1.length-1){
                    loop1(i+1); // следующая итерация
                }else{
                    console.log('закончили создание таблиц!')
                }
            }, time1)
            
        }
        loop1(0)
Мне надо БОЛЬШОЙ аррей в правильном порядке обработать...
0
 Аватар для diadiavova
7258 / 2605 / 744
Регистрация: 11.04.2015
Сообщений: 4,149
Записей в блоге: 43
16.05.2018, 10:04
andyj, тебе просто в коллбэке ответа сервера надо кешировать полученный результат и в нем же проверять какие таблицы уже пора рисовать. Покажу схематически, думаю уже можно будет приспособить к реальным условиям. Сначала создаем функцию, которая будет принимать коллбэк и передавать ему данные (типа сервер). Данные она выдает в виде массива, в котором первый элемент - название таблицы, второй - данные этой таблицы.
JavaScript
1
2
3
4
5
        let tablesOnServer = [7, 2, 5, 1, 3, 8, 4, 9, 6].map(n => ["table" + n, "table" + n + "'s rendering data"]);
        function tipaServer(callback)
        {
            callback(tablesOnServer.shift());
        }
В ней таблицы расположены в неправильном порядке и именно в таком порядке она и будет их выдавать.

Дальше функция, вставляющая таблицу в документ, здесь она просто выведет на консоль данные
JavaScript
1
2
3
4
        function renderTable(table)
        {
            console.log(table);
        }
Ну и собственно функция, запрашивающая данные.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
        function requestTables()
        {
            let tablesOrder = [1, 2, 3, 4, 5, 6, 7, 8, 9].map(n => "table" + n); // Имена таблиц в правильном порядке
            let tablesFromServer = {}; // Сюда кэшируем данные в виде: ключ - имя таблицы, значение - данные таблицы
            let callback = function (data)
            {
                tablesFromServer[data[0]] = data[1]; // кэшируем полученные данные
                while (tablesFromServer[tablesOrder[0]])
                {
/*
 Пока в кэше есть ключ с таблицей следующей по очереди для прорисовки, мы прорисовываем таблицу и 
удаляем ее имя из очереди.
*/
                    renderTable(tablesFromServer[tablesOrder.shift()]); 
                }
            };
 
            let requestsCount = tablesOrder.length; // Вычисляем сколько нужно запросов
            for (let i = 0; i < requestsCount; i++)
            {
                tipaServer(callback); // Запрашиваем типасервер нужное количество раз.
            }
        }
        requestTables();
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
16.05.2018, 10:04
Помогаю со студенческими работами здесь

Синхронный Поиск
Как реализовать синхронный поиск ? Как только пользователь вводит слово автоматически происходит поиск из списка

Синхронный сигнал
Доброго времени суток. Можно ли как нибудь послать сигнал из одного потока и ждать когда слот обработается другим потоком ? Вменяемых...

Синхронный rs триггер
не могу заполнить вторую часть большой таблицы на фото, по заданной таблице переходов триггера.

Синхронный скроллинг
Есть форма, на ней есть DataGrid, RichTextBox1, RichTextBox2 одинаковой высоты (по количеству строк). Также есть VScrolBar, который...

[VHDL] Синхронный RS-триггер
Подскажите, пожалуйста, где у меня ошибки при построении синхронного not(RS)-триггера? (я новичок, только начинаю изучать язык) --...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Философия технологии
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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru