javascript - 在 javascript 中访问对象属性时出现问题显示未定义？

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 6 年前。

我只是调用返回 josn 编码数据的 api 并尝试打印对象属性，但显示未定义，但是当我打印该对象时，该对象具有该属性和值。

我的代码

function sendData(postData, url){
        var response = apiCall(postData,url);
        console.log(response.email)
        console.log(response.count);
    }


    function apiCall(postData, postUrl){
        var response = {};
        $http({
            method  : 'POST',
            url     : postUrl,
            data    : postData, 
            headers : {'Content-Type': 'application/json'}
         }).success(function(data) {  
                console.log(data)
                for (var attr in data) {
                    if (data.hasOwnProperty(attr)) response[attr] = data[attr];
                }  
           });

         return response;   
    }

基于 PHP 的 API

<?php 
    $_POST = json_decode(file_get_contents('php://input'), true);
    $response = array();

    $response['email'] = $_POST['oauth']['email'];
    $response['type'] = $_POST['oauth']['type'];
    echo json_encode($response);
?> 

控制台中的响应数据

Object {email: "sameerdighe14@gmail.com", type: "google"}

Answer 1

您需要使用 promise 才能使其发挥作用。一旦 HTTP 请求成功完成，您的 success 函数就会被异步调用。这样，return response; 会在请求完成之前执行 -> 因此它仍然是一个空对象 {}。使用AngularJS promises使其发挥作用。这是一个简单的工作fiddle example .

function sendData(postData, url){

    var filteredData = {};

    apiCall(postData,url).then(function (response) {

        for (var attr in response.data) {
            if (response.data.hasOwnProperty(attr)) {
                filteredData[attr] = response.data[attr];
            }
        }

        console.log(filteredData.email);
        console.log(filteredData.count);
    });
}


function apiCall(postData, postUrl){
    return $http({
        method  : 'POST',
        url     : postUrl,
        data    : postData,
        headers : {'Content-Type': 'application/json'}
    });
}