Convert or replace jquery.ajax promise

Question

I hope to convert the data returned by the ajax call and pass this to another plugin constructor. I thought that if the plugin parameters accepted an object for their data or a function that returned data, this would allow me to use the jQuery.ajax deferred object.

That I need to convert the data on the client side and cannot figure out how to do this with the jQuery.Deferred Object. There are many examples of varying complexity, but not so many that relate to passing and converting arguments.

This is the code that represents what I am trying to achieve.

function shapeResults( rawData ) { return $.Deferred(function ( dfd ) { //transform in someway var shapedData = rawData.toUpperCase(); alert( shapedData ); //change the 'signature' from jqXHR to data dfd.resolve( shapedData ); } ).promise(); } function useTransformedData ( data ) { //hoping for UPPERCASE data here but still getting rawData alert( data ); } $.get( '/' ) .success( shapeResults ) .then( useTransformedData ); 

In its current form, using the TransformedData callback always seems to get rawData, not transformData.
Is what I'm trying to make possible, and if it could help someone help me in the right direction?

Answer 1

success returns the original Deferred object, not the new one. If you want to convert data, you need deferred.pipe

 function shapeResults( rawData ) { return rawData.toUpperCase(); } function useTransformedData(data) { alert(data); } $.get( '/' ) .pipe( shapeResults ) .then( useTransformedData ); 

See jsFiddle . There are several changes to make it work on jsFiddle, but the effect is the same.