Javascript 如何从Chrome';什么是开发控制台?

Javascript 如何从Chrome';什么是开发控制台?,javascript,angularjs,json,rest,google-chrome,Javascript,Angularjs,Json,Rest,Google Chrome,我有一个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/?arg

我有一个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结构


Sine$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,尚未收到结果。

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

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

可能console.log(JSON.stringify(data))会使它更具可读性。

将最后一行更改为:$http.get(“{console.log(response.data)});为什么不查看网络选项卡呢?