Error while parsing JSON response using $http

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

Try response.data[0].invoiceNo. Your response will be encapsulated into data. — Kaustubh Khare
– Kaustubh Khare, Commented Nov 9, 2017 at 6:41
Try console.log(response) in then. It should work with response.data[0].invoiceNo. — shyammakwana.me
– shyammakwana.me, Commented Nov 9, 2017 at 6:42

Kaustubh Khare · Accepted Answer · 2017-11-09 07:03:34Z

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.

edited Nov 9, 2017 at 7:03

answered Nov 9, 2017 at 6:47

Kaustubh Khare

3,5203 gold badges38 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ajithes1 · Accepted Answer · 2017-11-09 07:00:12Z

0

Use

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

Instead of

$scope.invoice = response.invoiceNo;

answered Nov 9, 2017 at 7:00

ajithes1

4272 gold badges11 silver badges29 bronze badges

Collectives™ on Stack Overflow

Error while parsing JSON response using $http

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related