How best to unwrap a stringified JSON

Wappler General Need Help
1

Hey all,

I’ve used a custom stringify formatter to pass a full JSON output from the client side to server side, to then store in a single text field in the DB, which is great.

Ideally I’d now like to do more with this, but can’t seem to convert any parts of the now stringified JSON back into an array/object for use in other server connect actions.

Any ideas?

1 Like
2

Have you tried

var myobj = JSON.parse($string);

Sorry that may be a dumb question.

3

Hey @spearstone - not a dumb question at all.

I haven’t, as I’m purposefully using stringify from client > server side so I can input the full JSON into a db field.

What I’m now trying to do is work with the stringified data in Server Connect, and somehow convert sections of back arrays I need to use.

4

On the server action end, you might have to take help of a custom formatter which would convert the JSON String to JSON.
I am not aware of any built-in option to convert JSON string to JSON.

Or, you can make use of your SQL server to return the string JSON data in columns using a custom query or SP. I have read about this, but have never done it myself.

5

There are although I think not in the UI.

    toJSON: function(val) {
        return JSON.stringify(val);
    },

    parseJSON: function(val) {
        return JSON.parse(val);
    }
6

Hey @JonL - I missed your reply here!

Do you think this would be possible to use and convert to a custom formatter on SC, or only as a script on the client side on the page?

Something like this:

js file:

exports.parseJSON = function(val) {
    return JSON.parse(val);
};

hjson file:

{
  type: 'method_parseJSON',
  groupTitle : 'Custom Formatters',
  groupIcon : 'fa fa-lg fa-key',
  addTitle: 'parseJSON',
  title : 'parseJSON',
  icon : 'fa fa-lg fa-hashtag',
  state : 'opened'
  properties : [
{
  group: 'JSON String Input',
  variables: [
    {
      name: 'jsonStringInput', optinName: 'jsonStringInput', title: 'jsonStringInput', type: 'text'
    }
  ]
}
  ]
}
1 Like
7

You could but it seems a lot of effort for a simple formatter thst doesn’t take additional arguments or has a complex config. You just need to chain .parseJSON() to your stringified value.

2 Likes
8

Thanks @JonL and understood, I’ve just not been able to unravel stringified JSON whatever I try, so thought this might be a good way to handle it.

9

Just returning to this, and this worked well in the end - don't know why I couldn't get it working previously, so thank you!

single input form data with full json array > sc > add your chain and it unwraps the json perfectly, thank you.

Now to figure out how to add the various nested arrays into the DB correctly!

1 Like
11

we cannot still parse json on client side - it would be nice to have built into wappler.

12

hi @JonL, i tried read some articles on forum about implementing this functions, but all articles are very confused! where a put this code and how can we used?

13

The parseJSON formatter is available in App Connect on the client. The formatter is however not added to the Wappler UI due to its complexity. Wappler requires metadata of the formatter to know which type of input it requires and what the output is. The problem with the parseJSON formatter is that the input is known but the output can be anything.

1 Like