Question

当我与合作伙伴一起编写网站时，后端将返回json格式，如下所示。我的前端使用angular4，但是我不知道如何使用angular4处理以下json格式数据。更糟糕的是，没有json.parse方法。

{ "pageNum":1, "pageSize":4, "size":1, "startRow":1, "endRow":1, "total":1, "pages":1, "list":[ { "owner":"aa", "zh_name":"武世伟：广佛06.19-24搭乘ID（正确）", "push_status":1, "business":1, "create_time":1514256602000, "coupon_status":1, "monitor_status":1, "model_status":3, "message_status":1, "monitor_end_time":1514256602000, "random_group":1, "name":"p_pm_passenger_taxi_20171226105028119", "calc_way":1, "monitor_start_time":1514256602000, "id":11, "model_num":8837 } ], "prePage":0, "nextPage":0, "isFirstPage":true, "isLastPage":true, "hasPreviousPage":false, "hasNextPage":false, "navigatePages":8, "navigatepageNums":[ 1 ], "navigateFirstPage":1, "navigateLastPage":1, "status":200,//状态200正常，400 错误 "firstPage":1, "lastPage":1 }

Answer 1

Angular实际上为您提供了一个JSON.parse（）方法，该方法实际上是从JavaScript派生的。您可以将服务器响应json转换为对象。

// in your component
private object;

然后您可以访问内容。例如：

// call this method after having received your json
private show(data: any): void {
    this.object = JSON.parse(data);
    console.log(this.object.pageNum);
    console.log(this.object.total);
    console.log(this.object.list[0].zh_name);
}

如何在angular4中处理json

1 个答案: