How can we Post Three components data(form page) into the database?

Question

Q: How can we Post Three components data(form page data) into the database?

 

like

 

Totally, we have 4 components.

 

First one is "Loc" 

second is "Det"

third one is "Pam"

and 4 th one is "Pub" .

 

we have to carry the all 3 components data  in 4 th  component (Pub=Loc+Det+Pam)

and when we click "submit" button in  particular "pub" page in browser , total 3 components data will be store in database in

 

JSON format

 

{

 "loc"   : {  },

"det"   : {  },

"pam" : {  } 

}

 

by using API (post method)

 

 (Here I confirmed that single component data is storing in database by using API post method with key like==>

{

"loc" : { }

} 

 

but coming to 3 components how it is possible?