transferring data from grails to javascript via a map

Question

transferring data from grails to javascript via a map

I am facing an issue with passing a Map object from my Grails controller to JavaScript. The code snippet in my controller is as follows:

def scoreValue = new HashMap<String,String>();
scoreValue.put("0","poor");
scoreValue.put("1","good");
...

return (view:'viewname', model:[scoreValue:scoreValue]);

I have been searching for a solution and came across this link pass a groovy array to javascript code, but it did not resolve my problem.

To try and solve the issue, I modified the return statement to

return (view:'viewname', model:[scoreValue:scoreValue as grails.converters.JSON])

and then inside my GSP view, I used the following code.

<g:if test="${scoreValue}">
     var scoreValue=${scoreValue};
</g:if>

However, when I checked the HTML page, I saw the following output:

 var scoreValue={&quot;0&quot;:&quot;Failure&quot;,&quot;1&quot;:&quot;Poor&quot;}

Any assistance on this matter would be greatly appreciated. Thank you!

javascript json grails dictionary

Answer 1

Answer №1

When it comes to GSP encoding, there are multiple ways to handle it. Along with D. Kossatz's solution, you can explore these alternatives (for more information visit mrhaki's informative Grails Goodness blog)

 var scoreValue=${raw(scoreValue)};

 var scoreValue=${scoreValue.encodeAsRaw()}

It's important to note the potential risk of cross-site scripting vulnerabilities if user input is displayed on the page without protection. As long as you have absolute confidence that only authorized individuals can modify the value and implement appropriate safety measures to verify its validity, you should be in good shape.

Answer 2

When it comes to GSP encoding, there are multiple ways to handle it. Along with D. Kossatz's solution, you can explore these alternatives (for more information visit mrhaki's informative Grails Goodness blog)

 var scoreValue=${raw(scoreValue)};

 var scoreValue=${scoreValue.encodeAsRaw()}

It's important to note the potential risk of cross-site scripting vulnerabilities if user input is displayed on the page without protection. As long as you have absolute confidence that only authorized individuals can modify the value and implement appropriate safety measures to verify its validity, you should be in good shape.

Answer 3

Answer №2

Consider using this:

let encodedValue = <g:useCodec encodeAs="none">${scoreValue}</g:useCodec>;

Answer 4

Consider using this:

let encodedValue = <g:useCodec encodeAs="none">${scoreValue}</g:useCodec>;

transferring data from grails to javascript via a map

Answer №1

Answer №2

Similar questions

Is it possible to utilize a JavaScript framework within a Chrome extension?

Utilize JavaScript to append a CSS class to a dynamic unordered list item anchor element

Bootstrap modal with autocomplete feature

What is the solution for handling nested promises in Node.js?

How to update a value within a deeply nested array in MongoDB and then sort the data

Saving data submitted through a form using React Hooks and JSON encounters problems with proper storage

What is the process for configuring simultaneous services on CircleCI for testing purposes?

Pause before sending each request

What is the recommended library for managing a task queue in this project?

Is the detailedDescription missing from the JSON-LD schema crawl?

Learn how to serialize JSON data from an API in Flutter

Troubleshooting imagejpeg() Function Failure in PHP Server

Guide to Changing the Value of a Textbox Using Form jQuery

Definition of Angular 2 File

Is there a way to conceal a component using Twitter Bootstrap while having the ability to reveal it with the help of

Array<item> JSON

The error TS2339 is indicating that there is no property called myProperty on the type SetStateAction<User>

``There seems to be an issue with the redirect header function in the PHP

Updating the styles of React Native components using stylesheets

Customize Cell Styling with Bootstrap Full Calendar CSS