如何从Chrome的开发控制台检查来自REST端点的JSON响应？

Question

我有一个REST端点，如下所示：

http://localhost:4212/api/MyRestEndpoint/?arg1=val1

当您点击此端点时，它会返回一些JSON数据。

我想从Chrome的开发者控制台中点击此端点。这就是我在那里输入的内容：

$http = angular.element(document.body).injector().get('$http');
$http.get("http://localhost:4212/api/MyRestEndpoint/?arg1=val1")

当我这样做时，我可以从终端的角度看到它被调用。太棒了。但是，我在控制台中看到的响应如下图所示。这只是一个承诺。如何查看返回的实际JSON结构？

Answer 1

正弦$ http返回Promise对象，你需要then ... catch语句：

$http.get("http://localhost:4212/api/MyRestEndpoint/?arg1=val1").then(function(response) { console.log(response.data) }).catch(function (error) { console.log(error.data) });

此时您正在记录$ http，但尚未收到结果。

Answer 2

如果您需要实际查看数据，请查看网络选项卡。但是，设置回调对您来说更有用，这样您就可以正确使用返回的数据。

    $http.get("http://localhost:4212/api/MyRestEndpoint/?arg1=val1").then(function(data){
console.log(data);
}

可能是console.log（JSON.stringify（data））会使它更具可读性。