How to interpret javascript within a json file

Question

I'm working with the form builder Alpaca, and I would like to interpret a javascript function within a json datasource file, to select a certain file :

/data/options.json :

    "nature":{
        "type": "select",
        "dataSource": "function(e) {...}"
    },

This file is loaded here :

/test.html :

            $("#div").alpaca({
                "optionsSource": "/data/options.json",
                 etc...

Is this possible ?

Thanks.

`var b = function a(){ alert('boom') }.toString()`, in that case you will get string representation of function `a` — The Reason, Apr 27 '16 at 09:34

score 0 · Answer 1 · edited May 23 '17 at 10:28

0

You could make the function call first, then add the result to you JSON with data.nature.push();

See this answer : Add data to JSON in JS

script type="text/javascript">
var JSON = {"nature":{
    "type": "select"
}};
JSON.dataSource.push(function());

$("#form1").alpaca(JSON);
</script>

edited May 23 '17 at 10:28

Community

1
1

answered Apr 27 '16 at 09:19

guiguiblitz

407
4
10

Well, the problem is that Alpaca is just loading the json file, but the javascript function isn't interpreted ; so I can't really make a data.nature.push() – jidsg Apr 27 '16 at 09:30
modify the JSON before calling your alpaca – guiguiblitz Apr 27 '16 at 09:32
ok. but I can't do that because the parameters of the function that I'd like to use are only avalaible once Alpaca is loaded – jidsg Apr 27 '16 at 09:35
well, i dont think you have the good aproach then. You need some kind of controller that modifies your alpaca as it is fild up. – guiguiblitz Apr 27 '16 at 09:37

score 0 · Answer 2 · answered Apr 27 '16 at 09:28

0

You can use eval as said :

object = {"nature":{
    "type": "select",
    "dataSource": "function(e) {alert('ok')}"
    }
}

var x = eval("("+object.nature.dataSource+")");
x()

Demo

answered Apr 27 '16 at 09:28

AshBringer

2,614
2
20
42

Parse it with `JSON.parse`. Are you reading the file ? Getting it with http ? – AshBringer Apr 27 '16 at 09:33
What you say means nothing, give details instead of simply saying it doesn't work – AshBringer Apr 27 '16 at 09:49
Are you able to read the json file ? with nodejs or something ? – AshBringer Apr 27 '16 at 09:56
Yes, I can read the json file, but nothing happen, i.e the function ins't interpreted. Alpaca is managing everything.. – jidsg Apr 27 '16 at 10:00

score 0 · Answer 3 · answered Apr 27 '16 at 09:36

0

As the Alpace datasources doc, http://www.alpacajs.org/docs/api/datasources.html you can use custom function in the datasource parameter :

$("#field5").alpaca({
"schema": {
    "type": "string",
    "title": "Pick an Action Hero"
},
"options": {
    "type": "select",
    "dataSource": function(callback) {
        callback([{
            "value": "rambo",
            "text": "John Rambo"
        }, {
            "value": "norris",
            "text": "Chuck Norris"
        }, {
            "value": "arnold",
            "text": "Arnold Schwarzenegger"
        }]);
    }
}

});

answered Apr 27 '16 at 09:36

Théo Bouveret

209
2
9

Thanks.I already so that, but the problem is that in this example, everything is in the same file, but in my case, the dataSource is in a json file.. – jidsg Apr 27 '16 at 09:38
How this json file is loaded ? Add more informations in your question. – Théo Bouveret Apr 27 '16 at 09:45
i added some details in the question. – jidsg Apr 27 '16 at 10:18

How to interpret javascript within a json file

3 Answers3