代码调用

Question

我是Angular2 / Typescript的新手，我正在编写我的第一个Web应用程序。

我试图使用POST调用webapi，它可以工作，如果我使用FIDDLER拦截调用，我可以看到Json响应。

现在，我如何登录浏览器控制台json输出？

代码是这样的：

代码调用

var s = this.myService.doSearch();
s.subscribe(
    data=> this.data = data,
    error => this.errorMessage = <any>error
);

console.log(s);

服务方法

doSearch() {
var url = this.baseUrl;

return this.http.get(url)
    .map(response => response.json())
    .catch(this.handleError);
}

我的问题是：我如何以及在哪里查看和管理Json输出？

由于

Answer 1

如果您在浏览器中调试或运行应用程序，则可以检查然后转到“网络”选项卡。在此选项卡中选择您的POST请求，然后转到选项卡响应，并且您的json响应

编辑：

In [288]: # Setup input array with 15 million and 99.9% zeros
     ...: a = np.zeros((15000000),dtype=int)
     ...: 
     ...: # Set 100-99.9% as random non-zeros
     ...: n = int(a.size*((100-99.9)/100)) 
     ...: 
     ...: set_idx = np.random.choice(a.size, n , replace=0)
     ...: nums = np.random.choice(a.size, n , replace=0)
     ...: a[set_idx] = nums
     ...: 

In [289]: %timeit shuffle_sparse_arr(a)
1 loops, best of 3: 647 ms per loop

In [290]: %timeit shuffle_sparse_arr_hackish(a)
10 loops, best of 3: 29.1 ms per loop

In [291]: %timeit np.random.shuffle(a)
1 loops, best of 3: 606 ms per loop

Answer 2

尝试此操作将打印您在返回的observable中的内容。

var s = this.myService.doSearch();
s.subscribe(data=> {
       this.data = data;
       console.log(data);
       },
       error => this.errorMessage = <any>error
);

永远记住如果你想从observable获取数据，你需要订阅它。

你不能像console.log(s);那样记录它，因为s会返回一个observable。您应订阅并在订阅中引用这些数据。

Answer 3

异步代码完成后，您需要console.log：

var s = this.myService.doSearch();
s.subscribe(
    data=> {
          this.data = data;
          console.log(data);
    },
    error => this.errorMessage = <any>error
);

Angular2 Http.Post - 如何查看webapi响应

代码调用

服务方法

3 个答案: