如何使用angular 2發送json列表以發布請求

Question

我是 angular 的新手，我面臨的問題是我的 jsonlist

{Id: 1, Name: "A", Status: false, CustTrack: false, RoleId: 1}
{Id: 2, Name: "B", Status: true, CustTrack: false, RoleId: 1}
{Id: 3, Name: "C", Status: true, CustTrack: false, RoleId: 1}
{Id: 5, Name: "D", Status: true, CustTrack: false, RoleId: 1, …}
{Id: 5, Name: "E", Status: true, CustTrack: false, RoleId: 1, …}
{Id: 6, Name: "F", Status: true, CustTrack: false, RoleId: 1, …}
{Id: 7, Name: "G", Status: true, CustTrack: false, RoleId: 1, …}

我想使用 post 請求將上面的 Json 列表發送到服務器，下面是我的 post 請求格式

{
  "LocationId": 0,
  "StaffId": 0,
  "CardDetails": [
    {
      "id": 0,
      "Name": "string",
      "Status": true,
      "CustTrack": true,
      "RoleId": 0
    }
  ]
}

我怎樣才能做到這一點

Json 格式 [{"Id":1,"Name":"A","Status":false,"CustTrack":false,"RoleId":1,"LocationId":2,"CurrentStatus":false},{ "Id":2,"Name":"B","Status":true,"CustTrack":false,"RoleId":1,"LocationId":2,"CurrentStatus":false},{"Id": 3,"Name":"C","Status":true,"CustTrack":false,"RoleId":1,"LocationId":2,"CurrentStatus":false},]

Answer 1

發送對象：

let array = [{
  "Id": 1,
  "Name": "A",
  "Status": false,
  "CustTrack": false,
  "RoleId": 1,
  "LocationId": 2,
  "CurrentStatus": false
}, {
  "Id": 2,
  "Name": "B",
  "Status": true,
  "CustTrack": false,
  "RoleId": 1,
  "LocationId": 2,
  "CurrentStatus": false
}, {
  "Id": 3,
  "Name": "C",
  "Status": true,
  "CustTrack": false,
  "RoleId": 1,
  "LocationId": 2,
  "CurrentStatus": false
}];
let jsonToSend = {
  "LocationId": 0,
  "StaffId": 0,
  "CardDetails": array
}

HTTP請求：

this.http.post('url', jsonToSend)
  .subscribe(reponse => {
    console.log('response from the server', response);
  }, err => {
    console.error('Error occurred while sending request', err);
  });