Error: my() function is not defined

Question

Error: my() function is not defined

<input type="button" class="btn" value="Place Order" onclick="myFunction()">


<script type="text/javascript">

  const sessionData = '<% String resp= session.getAttribute("jsonData").toString(); %>';
  const jsonData = JSON.parse(sessionData);
  
function myFunction(){

    alert(JSON.stringify(jsonData));

}




</script>

I am attempting to retrieve a JSP variable and store it in JavaScript, then display it in an alert. However, when I try this, I receive an error saying "function myFunction is not defined".

javascript java jsp servlets

Answer 1

Answer №1

If you're encountering a JavaScript error, it could be due to a problem in this line of code:

const jso="<%=resp%>"

The variable resp is sourced from an attribute known as jsonData, indicating that it likely contains JSON data. In JSON, properties and string values are enclosed within double quotes. The following example demonstrates the potential error at hand:

const jso="{"key": "value"}"

The opening double quote " should be closed by the final double quote "; however, your JSON seems to close it with the first double quote instead. This results in invalid JavaScript syntax.

To address this issue effectively, consider properly escaping the JSON content. One recommended approach is using Apache Commons Text 1.10.0. By importing the necessary library, you can apply the following solution:

const jso="<%=StringEscapeUtils.escapeJson(resp)%>"

By employing this method, any potentially unsafe characters - including double quotes " within the resp data will undergo proper escaping before being outputted.

Answer 2

If you're encountering a JavaScript error, it could be due to a problem in this line of code:

const jso="<%=resp%>"

The variable resp is sourced from an attribute known as jsonData, indicating that it likely contains JSON data. In JSON, properties and string values are enclosed within double quotes. The following example demonstrates the potential error at hand:

const jso="{"key": "value"}"

The opening double quote " should be closed by the final double quote "; however, your JSON seems to close it with the first double quote instead. This results in invalid JavaScript syntax.

To address this issue effectively, consider properly escaping the JSON content. One recommended approach is using Apache Commons Text 1.10.0. By importing the necessary library, you can apply the following solution:

const jso="<%=StringEscapeUtils.escapeJson(resp)%>"

By employing this method, any potentially unsafe characters - including double quotes " within the resp data will undergo proper escaping before being outputted.

Answer 3

Answer №2

This should definitely work. If not, there might be something else causing the issue

Here I'm leaving out the

<% String response= session.getAttribute("jsonData").toString();%>

for clear reasons

window.addEventListener("DOMContentLoaded", () => {
  const data = "<%=response%>";
  document.getElementById("myButton").addEventListener("click", (e) => {
    alert(data);
  });
})

<input type="button" id="myButton" class="btn" value="Proceed to Checkout">

Answer 4

This should definitely work. If not, there might be something else causing the issue

Here I'm leaving out the

<% String response= session.getAttribute("jsonData").toString();%>

for clear reasons

window.addEventListener("DOMContentLoaded", () => {
  const data = "<%=response%>";
  document.getElementById("myButton").addEventListener("click", (e) => {
    alert(data);
  });
})

<input type="button" id="myButton" class="btn" value="Proceed to Checkout">

Error: my() function is not defined

Answer №1

Answer №2

Similar questions

Node/Express: The $ symbol is failing to recognize the input for PORT 8080

Selecting a database design pattern for varying database types

What is the best way to confirm that a specific method was called on a JavaScript object using Selenium?

Send a vanilla JavaScript ajaxForm submission by completing the form

"CSS background not loading properly on jQuery infinite scroll feature, affecting the loading of

Creating a nested JSON response with an Array in a Stored Procedure

A different component experiences an issue where Angular Promise is returning undefined

Task executor now includes a fixed delay

Content not refreshing when closing and reopening Highslide iframe

One div on Chrome for Mac is experiencing an issue with applying the background image

Retrieve the "ready" event following the addition of HTML code

What methods can be used to identify an array?

What is the best way to incorporate a select dropdown menu into jTable during editing or creation?

I attempted to establish a connection between my backend and the MongoDB database, however, an error was displayed

What steps should I take to transform [“link”, “395868”] into [title: “link”, content: “395868”]?

Next JS restricts XLSX to return only 100 objects as an array of arrays

Double digit time discrepancies

Using JWPlayer 6 and JWPlayer 7 simultaneously in one project - how is it done?

What is the best way to use a timeout function to swap div layers in AngularJS?

Automated testing with multiple simultaneous users and CAPTCHA verification during login using Selenium WebDriver