Javascript http请求响应的Eventlistener

我需要一个eventlistener来通知用户重新请求API的状态

        switch (category) {
            case 'B':
                console.log('creating basis');
                break; 
            case 'B-T':
                console.log('creating basis top');
                kladdService.create_B_T(order); 
                break;
            case 'B-M-T':
                console.log('creating basis, mellom, top');
                kladdService.create_B_M_T(order); 
                break; 
            case 'B-M-M-T':
                console.log('creating basis');
                kladdService.create_B_M_M_T(order);
                break;

            case 'Mix_Minimum2B-M-T':
                kladdService.create_Mix_Minimum2B_M_T(order); 
                break;
            case 'Mix_Minimum2M-T':
                kladdService.create_Mix_Minimum2M_T(order); 
                break; 
        }
        console.log('order ble sent: '); 
        console.log(order); 
        //trenger en if her som venter på en http 200 response
        var url = 'http://localhost:32605/api/Kladd/' + category;
        console.log(url);
        var xhr = new XMLHttpRequest();
        console.log(xhr.status); // 0 so either unsendt or opened
        logService.info('prduktet har fått en ID'); 
    };

switch case工作正常，但已处理的create方法的状态只能从devtools中的网络面板中看到

我假设我需要xhr变量，并根据xhr.status通知用户结果

以下是devtools中网络面板的输出

---

引用从

KladService

服务返回的id变量，我得到了期望的结果：

     switch (category) {
            case 'B':
                console.log('creating basis');
                break; 
            case 'B-T':
                console.log('creating basis top');
                $scope.produktKladdId = kladdService.create_B_T(order); 
                break;
            case 'B-M-T':
                console.log('creating basis, mellom, top');
                $scope.produktKladdId = kladdService.create_B_M_T(order); 
                break; 
            case 'B-M-M-T':
                console.log('creating basis');
                $scope.produktKladdId = kladdService.create_B_M_M_T(order);
                break;

            case 'Mix_Minimum2B-M-T':
                $scope.produktKladdId = kladdService.create_Mix_Minimum2B_M_T(order); 
                break;
            case 'Mix_Minimum2M-T':
                $scope.produktKladdId = kladdService.create_Mix_Minimum2M_T(order); 
                break; 
        }
        console.log(order); 

        if ($scope.produktKladdId) { // if this is not defined, an error appears
            console.log($scope.produktKladdId); 
            logService.info('prduktet har fått en ID'); 
        } else {
            logService.error('noe gikk galt');
        }

---

引用从

kladservice

service返回的id变量，我得到了期望的结果：

     switch (category) {
            case 'B':
                console.log('creating basis');
                break; 
            case 'B-T':
                console.log('creating basis top');
                $scope.produktKladdId = kladdService.create_B_T(order); 
                break;
            case 'B-M-T':
                console.log('creating basis, mellom, top');
                $scope.produktKladdId = kladdService.create_B_M_T(order); 
                break; 
            case 'B-M-M-T':
                console.log('creating basis');
                $scope.produktKladdId = kladdService.create_B_M_M_T(order);
                break;

            case 'Mix_Minimum2B-M-T':
                $scope.produktKladdId = kladdService.create_Mix_Minimum2B_M_T(order); 
                break;
            case 'Mix_Minimum2M-T':
                $scope.produktKladdId = kladdService.create_Mix_Minimum2M_T(order); 
                break; 
        }
        console.log(order); 

        if ($scope.produktKladdId) { // if this is not defined, an error appears
            console.log($scope.produktKladdId); 
            logService.info('prduktet har fått en ID'); 
        } else {
            logService.error('noe gikk galt');
        }

---

您是否尝试过像

xhr.onreadystatechange=function（）{}

这样的操作并检查readyState和状态？您是否尝试过像

xhr.onreadystatechange=function（）{}

这样的操作并检查readyState和状态？