Is there a way to extract Json from a Scala Json string and store it in a JS variable?

Question

Is there a way to extract Json from a Scala Json string and store it in a JS variable?

Currently, I am utilizing the Play framework and attempting to transmit a Json string from the server as a parameter to a Scala template.

@(aj: String)
@import play.api.libs.json.Json
<!DOCTYPE html>
<html lang="en">
   <body>
      <div id="container">
        @aj
      </div>

    <script>
       var <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6b7b4eb969ca5b9b8f8a2b99ca5b9b8">[email protected]</a>(aj);
       var a = JSON.parse(ab);
    </script>
    </body>
 </html>

The output I am currently getting is that the Json String is being displayed inside the container div. However, I am encountering difficulties when trying to extract the Json from 'aj' into a javascript variable. Any assistance on this matter would be greatly appreciated.

javascript json scala playframework

Answer 1

Answer №1

To achieve this, you have the option to use:

<script>
var data = @Html(aj),
object = JSON.parse(data);
</script>

Answer 2

To achieve this, you have the option to use:

<script>
var data = @Html(aj),
object = JSON.parse(data);
</script>

Is there a way to extract Json from a Scala Json string and store it in a JS variable?

Answer №1

Similar questions

Ravaging a JSON array in Delphi

Looking to switch from using HTTP to HTTPS in Node.js on localhost... encountering a few error messages

Attempting to retrieve XML/JSON

I encountered an issue where the IDs did not match while using an array to update the MYSQL database

When the user hits the enter key, automatically submit a form without the need for

Ajax causing unreliable posts

Generating text upon clicking by utilizing vue apex charts dataPointIndex

Is there a way to ensure that @angular/core is utilizing the most up-to-date version of zone.js in its peerDependencies configuration?

What is the best way to verify the success or error callbacks of an AJAX request?

Develop a Playwright test script that includes fetch requests

Where can I find the link to access three.js on the internet?

What is causing this function to incorrectly increase decimal values?

Extract specific data from JSON objects

Ways to handle parsing of curly brackets JSON in Google Apps Script?

Use the lodash chunk method to split a mapped array into two separate arrays

Guide to sending and receiving JSON data using XAMPP PHP

Error in Vue.js when attempting to push using the sendMessage method

The FlatList component will only trigger a re-render once the list has been scrolled

Guide to creating a fully clickable Card component with Material UI and React JS

Obtaining weather information for a particular date through wunderground