jQuery.waterfall. Небольшая полезняшка

[Bas1l]

Спасибо за статью! Заметил небольшую опечатку: кажется, не hqxhr, а jqxhr.

[dio]

Спасибо, поправил

[yopopt]

Спасибо, аккуратно и, главное, полезно.

[Romanych]

Отличная обёртка над $.Deferred()

Самими Deferred не очень удобно пользоваться, а так — красота.

Спасибо.

[dio]

Вы просто не умеете их готовить :)
Deferred — потрясающий способ контроля асинхронности

[Romanych]

Возможно вы правы.
Были отличные статьи (раз, два) но как-то у меня с ним не сложилось…

[dio]

Во второй статье раздел «Создание своего Deferred поведения» неплохо иллюстрирует основную идею.
А, вообще, это самому попробовать, тогда войдете во вкус :)

[Romanych]

Я так понимаю, что этот же плагин можно использовать не только для jXHR объектов, а любых других асинхронных вещей.

Было бы отлично получить такой пример.

[dio]

Просто передайте ей функции, которые возвращают Deferred

[coding]

Дмитрий, Вы как всегда великолепны! Ваши идеи меня поражают!

[dio]

Василий, вы меня смутили :)

[savamura]

А можно в водопад добавлять методы из разных мест?
То есть не сразу
$.waterfall(func1, func2, .., funcN),
а, скажем,
var waterfall = $.waterfall(func1);
waterfall.push(func2);

[dio]

Нет, он сразу начинает водопадить
лучще сначала собрать их в массив а потом apply

[KidsKilla]

К слову, как раз искал для что-то подобное, но не нашёл. Может я просто не совсем понял как работает $.Deferred.
В итоге написал такой микро-плагинчик.

Может знаете, есть уже что-то готовое?

[freeart]

А можно waterfall реализовать стандартными средствами:
$.when.apply(this, [очередь запросов]).then(resultArray){
//resultArray - коллекция результатов от всех запросов
}


[dio]

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

[freeart]

Сорри, не внимательно прочитал пост

[Turbo]

Думал увидеть анимированный водопад на jQuerry. Обломался. =)

[taliban]

Я сделал немного проще, но и функционал поменьше.
сделал отдельный класс для учета запросов, когда идет запрос, в классе инкрементируетя счетчик, когда он заканчивается, декрементируется, и ему можно добавить некую функцию (или несколько) которые выполнятся если счетчик будет равен 0
В отличии от Вашего способа я не могу видеть предидущие результаты так просто, но зато я могу выполнять запросы когда угодно и откуда угодно и буду иметь гарантию что финальная функция выполнится именно когда все запросы (с момента ее добавления) выполнятся, мне этот момент просто важней был =)

[dio]

Ну у вас немного другая задача.

[uglymeta]

Я тоже реализовал сам себе уже давно похожий механизм. Только я использую рекурсию. Суть моего метода в том, что подготавливается сначала стек объектов в той последовательности в какой надо выполнить запросы. И запускается рекурсия от этого массива. Рекурсия простая: берётся первый элемент из стека и делается ajax, в success функции удаляется первый элемент и вызывается рекурсивно снова. Таким образом весь стек выполнится исключительно после success выполнения предыдущего запроса. Плюс я уже её эту свою систему расширил и унифицировал для использования в других проектах.

[Ganesh]

Разве api.jquery.com/category/deferred-object/ не дает такой же функционал?

[butteff]

Онлайн демку бы.
Код на гитхабе увидел, но возможно ли там посмотреть результат без регистрации?
Я то скачал, посмотрел, но регистрироваться неудобно, думаю.
А посмотреть хочется всем.
Ну это мое имхо, опять ничего по делу не сказал. =)

[dio]

Там в демке ничего особенного, скачайте и зайдите в папку example

[polyakov_andrey]

Смотрите, а с Each() будет работать ваш плагин?

[dio]

не понял вопрос :(

[polyakov_andrey]

$('div').each(function(i) {

jQuery.ajax({
});

});
и мне, например, нужно, чтобы переход к следующему диву был после того, как был завершен запрос через jquery.ajax.

И в конце, когда все дивы перебрали выполнялось определенное действие.

[dio]

Ну, я сделал бы кактотак:

var funcs = []

$('div').each(function() {
    funcs.push(function() {
        return $.ajax(...)
    })
})

$.waterfall.apply(null, funcs);

[polyakov_andrey]

Благодарю Вас, я воспользуюсь вашим плагином. Если разрешите, в случае возникновения вопросов, можно ли будет к Вам обратится в личку?

[dio]

конечно

[dio]

Один мой старый знакомый говаривал — «Делиться знаниями — 'священная корова' IT». Надеюсь он читает хабр…

[Tesby]

/offtop
А расскажите мне, каким макаром можно вызвать окно сохранения файла, при асинхронным его запросе? :)

Я (не)много гуглил на эту тему… некоторая расплывчатая информация гласит о том, что заголовки отдаваемые сервером на скачивание файла, не действуют при аякс запросе, и это мня смущает, дело в том, что содержимое файла приходит, а сохранить его на компе не получается, вот бы придумать как решить эту проблемку?=\

[tenshi]

используй iframe транспорт

[dio]

Вот тут раздел «Загрузка и сохранение файла в HTML5 File System»

[dio]

Cсылку съело :( habrahabr.ru/blogs/javascript/120917/

[Tesby]

Да, замечательно, только стоит ли сейчас это применять, сколькими браузерами оно поддерживается… Chrome?

[dio]

фф 4, возможно webkit, еще не копал эту тему (возможно на днях придется)
а применять или нет — это много от чего зависит…

[brmn]

Замечательно, Дмитрий!
Запишите, пожалуйста, на свой счет, как минимум, одно спасенное туловище.
Спасибо ;)

[dio]

ээээ…
записал. 0_о

[zandroid]

Хотелось бы ещё узнать более подробное описание отличий от $.when() и особенно от deferred.pipe(). Насколько я понял, с deferred.pipe() очень много схожего (как минимум, последовательный вызов нескольких ajax-запросов).

[dio]

Главное отличие, что функции-аргументы вызываются по очереди — следующая только после завершения предыдущей. Так же они получают результаты всех ранее вызванных функций. Но в отличие от пайпов, они не фильтруют/изменяют чужие значения. Думаю, что на пайпах можно было бы это реализовать…