使用$ http解析JSON响应时出错

Question

[
    {
        "dueAmount": 400,
        "paidAmount": 0,
        "balanceAmount": 400,
        "invoiceNo": "VA019_203829",
        "planName": null,
        "schemeName": null,
        "connectionStatus": null
    }
]

I'm getting this response from postman. But when i try to read these contents from my page, it returns " Undefined "

$http({ 
method:'POST', 
url: 'http://10.10.1.200:8081/SelfCare/customer/getInvoiceDetails',
headers: { 
            'Content-Type': 'application/json', 
            'Accept': 'application/json'
        }, 
data: JSON.stringify(getID)
       }).then(function (response) { 
        $scope.invoice = response.invoiceNo;
        alert($scope.invoice);
}

its always alerting undefined

Answer 1

You need to do a change replace $scope.invoice = response.invoiceNo; by $scope.invoice = response.data[0].invoiceNo;

Your response will get encapsulated into data .

Answer 2

Use

$scope.invoice = response.data[0].invoiceNo;

Instead of

$scope.invoice = response.invoiceNo;