passing function name to execute as parameter

Question

I'm using a $.ajax function that serves two purposes and depending on the context, I want to execute different functions on the call-back.

function MyAjaxCall(SomeParameter, CallBackFunctionName) {

  $.ajax({
   ...
   success: function (msg) {

     var TheData = msg.hasOwnProperty("d") ? msg['d'] : msg;
     // here: "execute the function in parameter CallBackFunctionName 
     // AND pass it the parameter TheData
  }
}

How do I write the line where the name of the function is a parameter and I want to pass it TheData as the parameter.

Note, at the moment, I'm writing it like that:

if (CallBackFunctionName === "SomeFunctionName1") {
   SomeFunctionName1(TheData);
} else {
   SomeFunctionName2(TheData);
}

is that function a global function? why don't you just pass the actual function into the MyAjaxCall method? — sdepold
– sdepold, Commented Nov 10, 2012 at 9:43

Varun Achar · Accepted Answer · 2012-11-10 10:20:27Z

4

If the function is defined as a global function then use :

window[functionName](arguments);

If it isn't then change the way MyAjaxCall is called like so:

MyAjaxCall.apply(thisArg, [SomeParameter, CallBackFunction]); //thisArg is the value of the this object inside MyAjaxCall().

Then inside MyAjaxCall() do this:

function MyAjaxXall(SomeParam, CallBackFunction){
  var me = this; //the object supplied through thisArg while calling.
  $.ajax({
     success : function(msg)
     {
         //whatever processing you want
         me[CallBackFunction](arguments);
     }

  });
}

Or you could add the object as part of the paramters of MyAjaxCall():

function MyAjaxCall(SomeParam, obj, CallBackFunction)
{

      $.ajax({
         success : function(msg)
         {
             //whatever processing you want
             obj[CallBackFunction](arguments);
         }

      });
}

When using it for calling a global function use:

MyAjaxCall(SomeParam, window, CallBackFunction);

edited Nov 10, 2012 at 10:20

answered Nov 10, 2012 at 10:13

Varun Achar

15.2k7 gold badges59 silver badges74 bronze badges

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

1 Comment

frenchie Over a year ago

ok, thanks for the answer. Upvoted because of the concept but I'm keeping my implementation because it's simpler. Thanks again.

sdepold · Accepted Answer · 2012-11-10 09:48:20Z

2

Assuming that the defined function which name is passed via the variable CallBackFunctionName is global, you could do this:

window[CallBackFunctionName](TheData)

You could also just pass the actual function to MyAjaxCall like this:

var MyCallbackFunction = function(data){ console.log(data) }
MyAjaxCall({param1: 'value1'}, MyCallbackFunction)

This way you can just execute the function:

function MyAjaxCall(SomeParameter, CallBackFunction) {

  $.ajax({
   ...
   success: function (msg) {

     var TheData = msg.hasOwnProperty("d") ? msg['d'] : msg;
     CallBackFunction(TheData)
  }
}

answered Nov 10, 2012 at 9:48

sdepold

6,2262 gold badges43 silver badges47 bronze badges

2 Comments

frenchie Over a year ago

Actually, it's all inside a closure and none of these functions are accessible from the global scope.

frenchie Over a year ago

ok, thanks for the answer. Upvoted because of the concept but I'm keeping my implementation because it's simpler. Thanks again.

Collectives™ on Stack Overflow

passing function name to execute as parameter

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related