$http GET 接收空正文

Question

我在 angularjs 中有一个 GET 方法，它从 C# 中的 API 控制器接收数据。控制器正在返回数据，$http get 方法正在接收响应，但响应内容体为空。

我的 HttpGet API 控制器函数：

[HttpGet]
[Route("api/LandingPage/GetByDate")]
public HttpResponseMessage GetByDate(DateTime startDate, DateTime endDate)
{
    try
    {
        var startDateParam = new SqlParameter("@startDate", startDate);
        var endDateParam = new SqlParameter("@endDate", endDate);

        var confirmData = m_databaseObject.Database.SqlQuery<PageModel>("[dbo].[GetPageData] @startDate,@endDate", startDateParam, endDateParam).ToList();

        return Request.CreateResponse(HttpStatusCode.OK, confirmData);
    }
    catch (Exception e)
    {
        return Request.CreateErrorResponse(HttpStatusCode.NotFound, $"Error occured {e.Message} {startDate:yyyy-MM-dd} {endDate:yyyy-MM-dd}");
    }
}

我要返回的对象：

public class PageModel
{
    string Name { get; set; }
    int? FirstTotal { get; set; }
    int? FisrtInitial { get; set; }
    int? FisrtApproval { get; set; }
    int? SecondTotal { get; set; }
    int? SecondInitial { get; set; }
    int? SecondApproval { get; set; }
    int? Validated { get; set; }
    int? NotSettled { get; set; }
}

GET 方法：

this.getLandingPage = function ($scope) {
    $scope.error = "";
    $scope.message = "";
    return $http({
        method: "GET",
        url: apiName + "LandingPage/GetByDate?startDate=" + $scope.StartDate + "&endDate=" + $scope.EndDate,
        headers: { 'Content-Type': 'application/json' }
    }).success(function (data) {
        if (data.length === 0)
            $scope.message = "No Data found";
        else {
            $scope.LandingPageData = data;
        }
    }).error(function (error) {
        $scope.LandingPageData = null;
        if (error)
            $scope.error = error.Message;
        else
            $scope.error = "Data services may not be running, Please check!";
    })
}

我的控制器中的confirmData 变量在函数返回时包含数据。我的 angularjs GET 方法返回成功，data.length 等于 1，但 data 中不包含任何值。

谁能解释为什么我的数据没有被正确传输？

Answer 1

事实证明，我的 PageModel 类变量需要声明为 public 才能从控制器传递数据。

将PageModel 类更改为此有效：

public class PageModel
{
    public string Name { get; set; }
    public int? FirstTotal { get; set; }
    public int? FisrtInitial { get; set; }
    public int? FisrtApproval { get; set; }
    public int? SecondTotal { get; set; }
    public int? SecondInitial { get; set; }
    public int? SecondApproval { get; set; }
    public int? Validated { get; set; }
    public int? NotSettled { get; set; }
}

Answer 2

通常数据嵌套在data 属性下。

.success(function (resp) {
    if (resp.data.length === 0)
        $scope.message = "No Data found";
    else {
        $scope.LandingPageData = resp.data;
    }
})

Answer 3

您使用的是哪个版本的 Angular？从 1.6 开始，.success 已被弃用：

• Why are angular $http success/error methods deprecated? Removed from v1.6?
• https://docs.angularjs.org/api/ng/service/$http

而且，您设置 Content-type 标头的具体原因有哪些？您可以使用更简单的方法：

return $http.get(url: apiName + "LandingPage/GetByDate?startDate=" + $scope.StartDate + "&endDate=" + $scope.EndDate, ).then(successCallback, errorCallback);

然后分别定义你的回调函数。

Answer 4

尝试返回 JSON，而不是 HttpResponseMessage：

[HttpGet]
[Route("api/LandingPage/GetByDate")]
public JsonResult GetByDate(DateTime startDate, DateTime endDate)
{
    try
    {
        var startDateParam = new SqlParameter("@startDate", startDate);
        var endDateParam = new SqlParameter("@endDate", endDate);

        var confirmData = m_databaseObject.Database.SqlQuery<PageModel>("[dbo].[GetPageData] @startDate,@endDate", startDateParam, endDateParam).ToList();

        return new JsonResult() { Data = confirmData , JsonRequestBehavior = JsonRequestBehavior.AllowGet };
    }
    catch (Exception e)
    {
        throw;
    }
}

在客户端，您的数据应放置在响应 data 属性中。在您的情况下，它应该是：

data.data

但是请尽量使用then函数 inteadsuccess函数：

.then(function (data) {
        var result = data.data;
    });

即使您可以避免使用JsonResult 并使用string。将模型序列化为 JSON 字符串并返回字符串。