Managing JSON responses from a server using Javascript

Question

Managing JSON responses from a server using Javascript

I have encountered various similar issues, but none of them have provided a solution for my specific question. On my server, I generate a JSON string and place it in the response:

List<String> list = getSomeList();
JSONArray jsArray = new JSONArray(list);
System.out.println(jsArray);
response.setContentType("application/json");
response.getWriter().write(jsArray.toString());

However, in my javascript handling function, when I attempt to alert the response, it alerts the entire page!

function handleResponse(){    
 if(http.readyState == 4 && http.status == 200){  
  var response = http.responseText;
   if(response){ 
     alert(response); //alert all page!
     var list = JSON.parse(response.toJSON()); //does not work! 
 }       
}

Question: How can I isolate just the jsArray in JavaScript?

P.S. My understanding is that my JSON.parse(response.toJSON()) fails because the response contains the entire page?

javascript ajax json jsp

Answer 1

Answer №1

Please note: I am not familiar with java programming language.

On the server-side, it seems like the issue may be that your response is not properly closed after writing your JSON Array, which could allow other text (such as HTML) to be written. You can try the following solution:

response.setContentType("application/json");
response.getWriter().write(jsArray.toString());
response.getWriter().close();

As for the client-side, remember that responseText is a string and does not have a toJSON() function defined. Simply use:

var list = JSON.parse(http.responseText);

and you should be good to go.

Answer 2

Please note: I am not familiar with java programming language.

On the server-side, it seems like the issue may be that your response is not properly closed after writing your JSON Array, which could allow other text (such as HTML) to be written. You can try the following solution:

response.setContentType("application/json");
response.getWriter().write(jsArray.toString());
response.getWriter().close();

As for the client-side, remember that responseText is a string and does not have a toJSON() function defined. Simply use:

var list = JSON.parse(http.responseText);

and you should be good to go.

Managing JSON responses from a server using Javascript

Answer №1

Similar questions

The $resource.query function will now return an array of characters instead of a single string when splitting strings

Modifying a div element upon the successful completion of an ajax/json request

Locate the div in the array that includes ValueA, and save ValueB from it into a new variable

Data is stored in Django Fullcalendar without saving it in the database, instead a primary key is generated

difficulty in making an https request

Exploring nested objects within an array with LoganSquare

Is it possible to make a Venmo API call from the client side without worrying about Access-Control-Allow

Generate dynamic routes in Next.js only when needed

Is it possible for the JavaScript code to cease execution once the tab is closed?

Implement the anti-flickering script for Google Optimize in a NextJS/ReactJS environment

Combining arrays of objects into one single array

Guide on updating variable columns using a JSON object from the request body in a C# web API, utilizing LINQ to SQL

Updating databases with the click of a checkbox

Having trouble editing the Ajax URL in your WordPress plugin?

What is the best method for accessing a value in IndexedDB while utilizing service workers?

Experiencing disconnection from SQL server while utilizing the Express.js API

The issue with Bootstrap 5 navbar dropdown links not functioning on screens smaller than 576px

How to toggle between checked and unchecked states using jQuery within AngularJS?

Click here for more information in JavaScript Reading Link

Converting JSON information into an array within the Swift3 programming language