Ways to retrieve data from an AJAX response

Question

Ways to retrieve data from an AJAX response

Within my JavaScript file, I am retrieving data from the server using an Ajax call:

this.$http.get("/data?startDate="+this.filtres.startDate+" "+this.filtres.startHour+"&endDate="+this.filtres.endDate+" "+this.filtres.endHour).then(function(response) {
    this.todos = response.body;
    this.$forceUpdate();
});

The structure of response.body is as follows:

(1) [...]
    0: Object { nbPieces: Getter & Setter, TRE: Getter & Setter, TRS: Getter & Setter, ... }
    __ob__: {…}
        dep: Object { id: 35, subs: [] }
        value: Array [ {…} ]
        vmCount: 0
    <prototype>: Object { walk: walk(), observeArray: observeArray(), … }
    length: 1

My goal now is to assign the values of nbPieces, TRE and TRS to variables. I attempted to use response.body.values() but it did not work as expected.

javascript ajax

Answer 1

Answer №1

The data inside the variable response.body is structured as an array containing an object. Assuming that this array will always have a length of 1, you can easily extract the values by deconstructing it like so:

const [{ nbPieces, TRE, TRS }] = response.body;

Once deconstructed, you can access and utilize these values just like regular variables in your code:

console.log(nbPieces, TRE, TRS);

Answer 2

The data inside the variable response.body is structured as an array containing an object. Assuming that this array will always have a length of 1, you can easily extract the values by deconstructing it like so:

const [{ nbPieces, TRE, TRS }] = response.body;

Once deconstructed, you can access and utilize these values just like regular variables in your code:

console.log(nbPieces, TRE, TRS);

Ways to retrieve data from an AJAX response

Answer №1

Similar questions

A Javascript promise that perpetually stays in a pending state

Issue with clearing input field after submitting form (React)

Having trouble with my ajax success function, could use some assistance please

The state of the checked value remains unaffected when using the Angular Material Checkbox

Using Angular JS to apply the ng-class-odd directive within nested ng-repeat loops

What is the best way to deactivate ng-repeat using a button in AngularJS?

Differences Between ES5 and ES6 in Dealing with Arrays in JavaScript

Using a Get request may not retrieve the most recent data that was added through a Post request

Angular encountered an issue with an HTTP POST request, as the 'Access-Control-Allow-Origin' header was not found on the requested resource

CodeIgniter 3 fails to handle jQuery ajax calls

PHP: How to create a custom function to convert JSON data to HTML-encoded text

Coordinate the timing of CSS animation with the loading of the page

Using JSON to pass a function with parameters

At what specific times is it most appropriate to use parentheses when dealing with functions?

Utilizing jQuery for validating latitude and longitude coordinates with regular expressions

JavaScript Promise Triggering a Function Automatically

Retrieve the variable within a function that runs after the state has been updated

Clicking on the expand button will render the content inside the <p:panel>

What is the best way to format this information within a JSON document?

Transforming vertex coordinates of a polygon using Pixi.js