Call a function from a variable

Asked Dec 24 '14 at 10:57

Active Dec 24 '14 at 10:57

Viewed 49 times

When the form is submitted, its gets handles by JavaScript. From the JavaScript, I' am looping the serializeArray for the hidden field called "action".

/* This is the funtion that handles the action from .ajax-about form */
function ajax_about_birthday(dataArray){
    alert("Works!");
}

$("#about-form-horizontal .ajax-about").submit(function(){
    var form, dataArray, action;
    form = $(this).serializeArray();
    dataArray = form, dataObj = {};
    $(dataArray).each(function(i, field){
        dataObj[field.name] = field.value;
    }); 
    action = dataObj['action'];
    action(); // I' am stuck here, how will I call the function using the value from action variable
});

From the above code, I don't get any error on the Console.

asked Dec 24 '14 at 10:57

Red Virus

1,633
3
25
34

3

If your function is defined in global scope you can use `window[action]()` – Satpal Dec 24 '14 at 10:59
what is wrong with `dataObj['action']()` ? – Mr_Green Dec 24 '14 at 11:00
@Mr_Green That it won't work? `dataObj['action']` is a string. – dfsq Dec 24 '14 at 11:00
is value of 'action' field in html form function of its string name? – JJ Roman Dec 24 '14 at 11:01
1

@JJRoman It can't be a function, because it comes from `serializeArray()` which is a key = element name, value = element value, which is always a string. – dfsq Dec 24 '14 at 11:03
@dfsq If it is not and object, then the only option is eval? – JJ Roman Dec 24 '14 at 11:13
1

@JJRoman In global context `window[action]()`. Or if functions are in some other object `actions[action]()`. Otherwise `eval` or `new Function`. – dfsq Dec 24 '14 at 11:16

Call a function from a variable

0 Answers0