How to access returned object from groovy controller in JS file

Question

I am trying to access the returned object from grrovy controller into my javascript code.

Here's the code.

Groovy Controller:

def result = [
               data     : 'data',
               status   : 'success',
            ]
[result: result]

GSP file:

<g:hiddenField name="result" value="${result}" />

JS file:

var jsresult =  $("#result").val();
console.log(jsresult);
console.log(jsresult.data);

Here's the console output:

{data=data, status=success}
undefined

Looks like some issue with formatting but not able to find out the root cause. Tried converting it into JSON but still not able to access the properties (jsresult.data).

Please let me know how I can resolve this and let me know if any alternate way of passing data from groovy controller to JS code.

Thanks.

"Tried converting it into JSON but still not able to access the properties (jsresult.data)." - What did you try? I believe the issue is that jsresult is a String, not a JS object so jsresult.data is like "some string value".data. — Jeff Scott Brown
– Jeff Scott Brown, Commented Jun 23, 2021 at 16:41
Yes, jsresult is coming as String. Not sure how to convert it into an object and access its properties. — brig
– brig, Commented Jun 23, 2021 at 16:44
"Not sure how to convert it into an object and access its properties" - You had said "Tried converting it into JSON..." - Can you show what you tried? — Jeff Scott Brown
– Jeff Scott Brown, Commented Jun 23, 2021 at 16:45

Daniel · Accepted Answer · 2021-06-23 18:16:11Z

1

First, make sure your result is being encoded a proper JSON:

<g:hiddenField name="result" value=${result as JSON}" />

Then parse it in javascript:

var jsresult = JSON.parse($("#result").val());

You'll get an object back that you can interact with as you expect.

As far as other ways to do this: there are quite a few, but for simple and arbitrary data transfer to a static page, this is probably the simplest. If you're using ajax requests you can avoid having to place the JSON-encoded data on your page at all, but from what you included here that does not appear to be the case.

answered Jun 23, 2021 at 18:16

Daniel

3,3901 gold badge16 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to access returned object from groovy controller in JS file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related