Getting App variable data in a separate JS file

Wappler General Need Help
1

I get some gro data from an external resourse, placing it in the Server Connect (serverconnect1)

Now I need to process this data in a separate JS file (let’s say, js/map.js).

How can I address this data in this JS file? I tried using dmx.parse, but get errors. And I’m not sure if the App objects sre visible in my custom JS file.

2

There is also JSON Data Source that you can use to bind to any json file.

3

Thank you for the reply, @George

Unfortunately, it’s not clear for me how to move data from Server Connect to JSON and then somehow to a separate JavaScript file. Can you provide a clue?

Actually , I thought here is a direct way from anywhere of the project to App components and their data. Is that false?

4

Oh I tough you need to read a JSON file…

Why do you want to move the server connect data to a separate file?

The server connect action itself outputs already json so you can just call it and get the json as response. This is how app connect works.

You can just open the server connect action in the browser - there is an option for it in the context menu or F12. Then it will be opened in tge browser directly and you can see its output.

5

Why do you want to move the server connect data to a separate file?

I use Server Connect on my index.ejs page to suck external geographical data.

But then I need to pass this data to a separate JS file, which is located in the public/js subfolder.
This JS file works with this geo data - starts a map, insert map markers and so on.

There will be a lot of code which I can't move to in my index.ejs file. So I need to find a solution how to take an App data (from Server Connect, or from variable) and make it available in my js/map.js file.

I tried this: Using App Connect with JavaScript Functions, btu received only errors. Maybe because that separate JS file diesn't see any App data from the index.ejs file.

upd. Because there can be many .ejs files in the project, I probably need to specify the page that contains necessay Server Connect (or variable) with data to priocess.

6

So i was given a solution. It is like in documentation above, but with content. in front of var1

function myFunction() {
    var myVar = dmx.parse('content.var1.value');
    console.log(myVar);
}

This is most probably because of Node.js I use in the project. Maybe this moment should be mentioned in the docs.

1 Like