Understanding jQuery Deferred.pipe()

Question

I am trying to implement the jQuery Deferred.pipe() method for the following scenario:

Add a user in DB via $.ajax()
Get response whether user was added correctly or not.
If successfully added, get all the user list from server via $.ajax()
Display the list via jQuery templates

This is something which I tried:

var addUserSuccess = function( data ) { if ( data.returnCode !== "success" ) { return $.Deferred().reject('Error saving user'); } getUsers(); } var addUser = function() { return $.ajax(url, { type: "POST", data: { username: 'test' }, contentType: "application/json", dataType: "json" }); } var displayUsers = function( data ) { $('#myTmpl').tmpl(data.d).appendTo('#myDiv'); } var getUsers = function () { return $.ajax(url, { type: "GET", data: {}, contentType: "application/json", dataType: "json" }); } $.when(addUser()).pipe(addUserSuccess).then(displayUsers)

But this does not work. I know there is something missing or wrong. Any help?

Julian Aubourg · Accepted Answer · 2011-05-07 16:00:06Z

21

In addUsersSuccess, you should be returning getUsers. It's a simple typo, you got the main idea perfectly right and are using pipe as it should be and nicely :)

answered May 7, 2011 at 16:00

Julian Aubourg

11.4k1 gold badge31 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ashish Over a year ago

Thanks for the reply and confirmation about the code. However, just wanted to confirm, can we call this code in a chained manner, something where we can chain all the request and callbacks in a single statement. Something like: $.when(ajaxreq1).pipe(ajaxreq2).then(successcallback1).then(successcallback2) This way we get to know from a single statement all the request and callbacks.

Julian Aubourg Over a year ago

@Ashish: yes, the Promises and Deferreds are completely chainable. You could event $.when(...).pipe(...).done(cb1).pipe(...).done(cb2), anything is possible ;)

Ashish Over a year ago

I tried something like this http://jsfiddle.net/8AtbP/2/. But does not work.

Collectives™ on Stack Overflow

Understanding jQuery Deferred.pipe()

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related