I am having trouble retrieving the array value from the response sent by my server

Question

I am having trouble retrieving the array value from the response sent by my server

After receiving a dictionary from my server, when I try to access the values using the following code:

{"filters":{
  "Facture": [
    "Магма (Тычок)",
    "Тонкий кирпич",
    "Гладкий",
    "Крафт",
    "Магма"
  ],
  "Color": [
    "Беж",
    "Черный",
    "Амстердам",
    "Лондон Брик",
    "Мюнхен",
    "Сити Брик"
  ],
  "Name": [
    "Облицованный кирпич стандартный пустотелый",
    "Тонкий колотый с ф. 180/11"
  ]
}}

The console returns undefined. Despite trying various approaches like changing the data sent by the server or modifying the code for accessing the values, I couldn't figure out a solution.

Interestingly, creating the object within the script works correctly, but utilizing the object received in the response fails.

javascript json ajax jsp

Answer 1

Answer №1

Update this line:

const myObj = JSON.parse(response);

to

const myObj = JSON.parse(response).filters;

as it appears that the desired values are stored within the filters property.

Revised

Interestingly, upon closer inspection, it seems that the server actually returned ""{...}"" instead of just {...}, hence we had to double parse it:

const myObj = JSON.parse(JSON.parse(response)).filters;

If possible, a more ideal solution would be to address this issue on the server or backend side.

Answer 2

Update this line:

const myObj = JSON.parse(response);

to

const myObj = JSON.parse(response).filters;

as it appears that the desired values are stored within the filters property.

Revised

Interestingly, upon closer inspection, it seems that the server actually returned ""{...}"" instead of just {...}, hence we had to double parse it:

const myObj = JSON.parse(JSON.parse(response)).filters;

If possible, a more ideal solution would be to address this issue on the server or backend side.

I am having trouble retrieving the array value from the response sent by my server

Answer №1

Revised

Similar questions

Decode JSON data retrieved from a remote URL address

How to use Gson to deserialize JSON in Java

Ways to modify the default text in a dropdown menu?

Utilizing jQuery.ajax to Send an Array of Objects to a PHP Function

How to handle a null response in jQuery Ajax when working with JSON data

What are the different methods for completing a form?

Use ag-Grid to customize your column headers with checkboxes, allowing you to easily select or deselect all items in that column. This feature is not limited to

Incorporate data into the input value rather than the div using Ajax technology

Creating multiple Google markers based on addresses retrieved from a database using PHP

`Month filter functionality optimized`

When using Loopj to perform a Put or Post request with basic authentication, the response may sometimes be null

The Vue3 counterpart of vNode.computedInstance

Utilize a for loop within a query to showcase a modal popup

present information through a table utilizing Ajax technology

The reasons behind the static nature of Ajax pagemethods

An issue has been detected by Zone.js where the ZoneAwarePromise `(window|global).Promise` has been unexpectedly replaced

The Vue v-for directive encountered an unrecognized property during rendering

Running JSON in Selenium framework

When a directive is passed a string with HTML tags, the tags are not displayed/rendered as expected

Error message: "Serialization of object to ajax/json cannot be completed