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

Question

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

我收到了 postman 的回复。但是当我尝试从我的页面读取这些内容时，它返回“未定义”

$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);
}

它总是提醒未定义

Answer 1

您需要进行更改，将 $scope.invoice = response.invoiceNo; 替换为 $scope.invoice = response.data[0].invoiceNo;

您的响应将被封装到数据中。