从URL中传递参数的数据

时间:2016-05-16 20:18:18

标签: angularjs

必须将url中的对象传递给参数。打印时#34; CONSOLE.LOG(日期)"没问题,但是当我尝试打印合约参数aprece" Data [object Object]需要分配对象的值

var url = 'http://localhost:55239/api/reports/contracts/';
    $http.get(url)
        .success(function (data) {
            var contract = data;
            console.log("Dados "+ contract);
            console.log(data);
        })

5 个答案:

答案 0 :(得分:0)

您可以使用contract(点)运算符访问.对象的属性。

IE:

console.log(contract.myProperty);

答案 1 :(得分:0)

试试吧; var url = 'http://localhost:55239/api/reports/contracts/'; $http.get(url) .success(function (data){ var contract = data.data; console.log("Dados "+ contract); console.log(data); })

当您拨打电话时,您会收到与您所做请求的响应相关的信息。 例如,当您执行data.status时,它会为您提供从server.data.daa接收的状态代码,为您提供实际响应。

答案 2 :(得分:0)

数据似乎是一个JSON对象。

您可以使用



console.log("Dados " + JSON.stringify(contract));




用字符串打印出来。

答案 3 :(得分:0)

实际上,所需数据将属于data

response属性

所以,代码应该是,

var url = 'http://localhost:55239/api/reports/contracts/';
    $http.get(url)
        .then(function (res) {
            var contract = res.data;
            console.log("Dados=");
            console.log(contract);
        }, function(err){
           console.log(err);
        })

此外,您正在获取"Data [object Object]因为您正在添加带对象的String,因此浏览器正在尝试将该对象显示为字符串。

所以,console.log数据contract与字符串"Dados="分开,您将看到您的数据干净整洁。

有疑问吗?在评论中提问

答案 4 :(得分:0)

你的方式正确。

问题是你是控制台记录一个与字符串'dados'连接的对象contract。因此,您的控制台会显示contract as [object],因为它正在转换为字符串。尝试console.log(contract),您将在控制台日志中看到对象已序列化。

Pt-BR:estáfuncionandocorretamente,mas como tu ta concatenando uma string com o objeto contratos,o console loga [object] no lugar do contrato enãoobjeto serializado com faz normalmente。

使用SUCCESS和THEN查看我的片段:

var myApp = angular.module('myApp',[]);

myApp.controller('myAppController', ['$scope', '$http', function($scope, $http){
  
  $scope.appTitle = "Http demo";
  $scope.contractUsingSuccess = [];
  $scope.contractUsingThen = [];
  $scope.loadingPostsSuccess = true;
  $scope.loadingPostsThen = true;
  
  var url = 'http://jsonplaceholder.typicode.com/posts';

  $http.get(url)
  .then(function (response) {
    $scope.contractUsingThen = response.data;
    $scope.loadingPostsThen = false;
  });
  
  $http.get(url)
  .success(function (contract) {
    $scope.contractUsingSuccess = contract;
    $scope.loadingPostsSuccess = false;
  });
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<div ng-app="myApp">
  <div ng-controller="myAppController">
    <h1 ng-bind="appTitle"></h1>
    
    <h2>Using Success</h2>
    <div ng-show="loadingPostsSuccess">Loading posts from API with SUCCESS...</div>
    <ul ng-show="!loadingPosts">
      <li ng-repeat="item in contractUsingSuccess" ng-bind="item.title"></li>
    </ul>
    
    <h2>Using Then</h2>
    <div ng-show="loadingPostsThen">Loading posts from API whit THEN...</div>
    <ul ng-show="!loadingPosts">
      <li ng-repeat="item in contractUsingThen" ng-bind="item.title"></li>
    </ul>
  </div>
</div>