Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在组件中获取清晰的http请求数据?_Javascript_Json_Angular_Typescript_Rxjs - Fatal编程技术网

Javascript 如何在组件中获取清晰的http请求数据?

Javascript 如何在组件中获取清晰的http请求数据?,javascript,json,angular,typescript,rxjs,Javascript,Json,Angular,Typescript,Rxjs,服务从后端获取json数据: constructor(private http: Http) { }; getUsers(): Observable<any> { return this.http.get('http://127.0.0.1:8000/app_todo2/users_list'); }; 但我需要在服务中处理这些数据。我需要得到组件清晰的数据: private getAllUsersData(): void { this.usersService.g

服务从后端获取json数据:

constructor(private http: Http) { };
getUsers(): Observable<any> {
    return this.http.get('http://127.0.0.1:8000/app_todo2/users_list');
};
但我需要在服务中处理这些数据。我需要得到组件清晰的数据:

private getAllUsersData(): void {
    this.usersService.getUsers().subscribe(
    data => {    
      this.allUsersData = data;                 
      console.log(this.allUsersData);
    })
};  

请帮助我。

映射您的服务数据:

    getUsers(): Observable<any> {
        return this.http.get('http://127.0.0.1:8000/app_todo2/users_list')
                 .map(data => data.json());
    }

您的问题不清楚,请阅读(或者,如果出于某种原因必须使用不推荐的客户端,请阅读)。还要注意,
.json()
为您解析响应,因此
json.parse(data.json())
实际上没有意义。
    getUsers(): Observable<any> {
        return this.http.get('http://127.0.0.1:8000/app_todo2/users_list')
                 .map(data => data.json());
    }
private getAllUsersData(): void {
    this.usersService.getUsers().subscribe(
    data => {    
      this.allUsersData = data;                 
      console.log(this.allUsersData);
    })
};