代码之家 › 专栏 › 技术社区 › Madpop

如何使用angular 2向post请求发送json列表

typescript angular javascript

-3

Madpop · 技术社区 · 8 年前

我是一个新手,在这里我面临一个问题,下面是我的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,“custrack”:false,“RoleId”:1,“LocationId”:2,“CurrentStatus”:false},{“Id”:2,“Name”:“B”,“Status”:true,“custrack”:false,“RoleId”:1,“LocationId”:2,“CurrentStatus”:false},{“Id”:3,“Name”:“C”,“Status”:true,“custrack”:false,“RoleId”:1,“LocationId”:2,“CurrentStatus”:false},]

1 回复 | 直到 8 年前

1

0

Niral Munjariya 8 年前

要发送的对象:

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);
  });