Modify the JSON format for the API POST request

Question

Modify the JSON format for the API POST request

I need assistance with making an API POST call in Angular 8. The JSON object structure that needs to be sent should follow this format:

-{}JSON
  -{}data
     -[]exp
        +{} 0
        +{} 1

However, the data I am sending is currently in this format:

-[]JSON
   +{} 0
   +{} 1

Upon receiving two objects {}`0, {}1 in an array named receivedData, I am storing the data like so in my TypeScript code:

this.changedData = this.receivedData;
this.postService.postMethod(this.headers, this.changedData)

The postService method looks like this:

postMethod(header, changedData): Observable<any[]> {
return this.http.post<any>(`the url here`, changedData, {headers: header, responseType: 'text' as 'json'})
.pipe(map(response => {
return response;
}))
}

My question is how can I send the data in the desired format? I want the JSON structure of changedDetails to match the specified format with the same naming conventions such as: {}data and []exp. How can I push the receivedData objects into exp[], which can then be included in data{} and ultimately pushed into changedDetails {}.

json angular typescript api angular8

Answer 1

Answer №1

To ensure we are on the same page, let's assume you are getting data in this format:

[ { ... },  { ... } ]

And your goal is to convert it into this format:

{
  data: {
    exp: [ { ... }, { ... } ]
  }
}

(Please inform me if my assumption is incorrect.) If I am correct, then the conversion process is quite simple: just create a new object literal as shown below:

this.updatedData = {
  data: {
    exp: this.receivedData,
  },
};

Answer 2

To ensure we are on the same page, let's assume you are getting data in this format:

[ { ... },  { ... } ]

And your goal is to convert it into this format:

{
  data: {
    exp: [ { ... }, { ... } ]
  }
}

(Please inform me if my assumption is incorrect.) If I am correct, then the conversion process is quite simple: just create a new object literal as shown below:

this.updatedData = {
  data: {
    exp: this.receivedData,
  },
};

Modify the JSON format for the API POST request

Answer №1

Similar questions

Require fields in TypeScript interfaces only for array types

Javascript Library Issue: "Implicitly Declared Type 'Any' Error"

Angular: Navigating through two levels of fetched data from Firebase

What could be the reason for my router navigate function not functioning properly in Angular 8?

Cease the (pojo) serialization process if any of the mandatory fields are found to be null

Form with checkboxes in a Next.js and Typescript application

`MongoDb aggregation performance degradation with numerous collections (join)`

Make sure to wait for the store to finish updating the data before accessing it. Utilize RxJS and Angular

When attempting to import the image path from a JSON file, a ReferenceError occurs stating that the data variable is not

The paginator feature is not supported by mat-table

Exploring the depths of a multidimensional dictionary within AngularJS

Interacting with child collections data in C# through a RESTful API using Entity Framework context

An easy guide to using validators to update the border color of form control names in Angular

Updating templates using Angular 2 observables for change detection

Ensure that the objection model aligns with the TypeScript interface requirements

Exploring Angular 8: Connecting elements to an array filled with objects

Error Message: Unable to access properties of an undefined object while interacting with an API in a React application

What is the best way to access nested JSON data in Vue.js code demonstrated here?

How can I convert JSON data to a List of classes and vice versa?

Is it possible to pass a Styled Components Theme as Props to a Material UI element?