使用 $resource 从 AngularJs 中的 Web API 访问 HttpResponseMessage

本文关键字:Web API 访问 HttpResponseMessage 中的 AngularJs resource 使用 | 更新日期: 2023-09-27 18:37:00

我有一个 c# web api 方法,该方法返回整数值为 HttpResponseMessage ,想使用 $resource 从 AngularJs 中的响应访问相同的内容,如何?

网页应用接口:

[HttpPut]
        [Route("DeleteFile")]
        public HttpResponseMessage DeleteFile(int cabinetFileID)
        {
            var fileName = cabinetDataAccess.GetFilePath(cabinetFileID);                  
                var returnVal = cabinetDataAccess.DeleteCabinetFile(cabinetFileID, UserEmail);
                return Request.CreateResponse(HttpStatusCode.OK, returnVal);                
        }

服务:

(function () {
    'use strict';
    angular
        .module('data')
        .factory('cabinetService', cabinetService);
    cabinetService.$inject = ['$resource', 'serviceBase'];
    function cabinetService($resource, serviceBase) {
            var deleteCabinetFileResource = $resource(serviceBase + '/api/Cabinet/DeleteFile?cabinetFileID=:cabinetFileID',null,{'update':{method:'PUT'}});
        return {                
            deleteCabinetFile: deleteCabinetFile
        };
        function deleteCabinetFile(cabinetFileID){
            return deleteCabinetFileResource
                .update({cabinetFileID:cabinetFileID},null)
                .$promise;
        }
    }
}());

控制器:

function deleteThumbnail(cabinetFileID)
        {
           cabinetService
            .deleteCabinetFile(cabinetFileID)
            .then(function (data) {
                //How do i Access my return value here ???
                //Something like 
                if(data.returnVal === -1)
                //do something
            })
            .catch(function (err) {
                growl.err('Unable to delete  file, Please try later !', {ttl: 20000});
            })
        }

这段代码正在给我响应,我需要如何访问数据的返回值?

使用 $resource 从 AngularJs 中的 Web API 访问 HttpResponseMessage

基于 https://stackoverflow.com/users/5535245/georgeawg 评论 按如下方式更改了我的 c# 代码以返回 Json 对象,一切正常。

    [HttpPut]
            [Route("DeleteFile")]
            public JObject DeleteFile(int cabinetFileID)
            {
                var fileName = cabinetDataAccess.GetFilePath(cabinetFileID);                  
                    var returnVal = cabinetDataAccess.DeleteCabinetFile(cabinetFileID, UserEmail);
 var jsonString = Json(new JavaScriptSerializer().Serialize(new { returnVal }));
                return JObject.Parse(jsonString.Content);      
            }

在我的 AngularJs 控制器中,我能够检查if(data.returnVal === -1)