Question

Developing an app where all tabular data is returned as an object.

Some cells will have onclick events on them.

The JSON object is coming back fine and there is a key in the object call ‘cb’.

This is set by the logic on the server.

My question is the object key cb will contain a string, how can I run that as a valid function without using eval()

Example:

var archive = function() {
    console.log('archiving');   
}

new Request.JSON ({
    ...
    onSuccess: function(r){
        //r.cb: 'archive'
        docuemnt.id(td).addEvent('click', r.cb);
    }
    ...
});

docuemnt.id(td).addEvent(‘click’, eval(r.cb)); // works looking for alternative

I know i am over thinking this and it should not be that difficult.
Must not have had enough coffee yet today.

Answer 1

Use square bracket notation. If your function is in the global scope, use window[r.cb]:

new Request.JSON ({ 
    ... 
    onSuccess: function(r) { 
        //r.cb: 'archive' 
        document.id(td).addEvent('click', window[r.cb]);
    } 
    ... 
}); 

If your function is not in the global scope, move your functions into an object:

var callbacks = {
    archive: function () { ... },
    foo: function () { ... },
    ...
}

Then use callbacks[r.cb].