jquerydeferred-executiondeferred-loading

Understanding jQuery Deferred.pipe()


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

  1. Add a user in DB via $.ajax()
  2. Get response whether user was added correctly or not.
  3. If successfully added, get all the user list from server via $.ajax()
  4. 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?


Solution

  • 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 :)