当前位置: 首页 > 知识库问答 >
问题:

在mvc中使用angularjs和restful web api获取数据

端木高邈
2023-03-14

我需要创建一个应用程序,从存储过程中获取数据并将其显示在视图中。

当我从视图传递id到angularjs控制器时,具有该字段的值,但无法在Web api中获得相同的值,它显示null(在调用时)。

更具体地说,已经尝试了各种选择,其中一些如下:

  • 使用[FromBody]
  • 将json中的字符串值从angularjs控制器传递给webapi

因此,当它为空时,它总是以失败而不是成功抛出结果。

请帮忙。

代码:

  • Angularjs(管制员)
app.controller('matchDetailController', function($scope, $http) {
  $scope.getAllMatchDetail = function(matchId) {
    var MatchId = matchId;
    $http.get('/api/[Apicontrollername]/GetAllMatchDetail', MatchId).success(function(data) {
      if (data.status == "success") {

      } else {

      }
    }).error(function(error) {
      debugger;
    })
  }
});
<div class="view_container" id="matchDetail" data-ng-controller="matchDetailController" data-ng-init="getAllMatchDetail(@ViewBag.MatchId)">

>

  • webapi

    公共对象GetAllMatchDetail([FromBody]字符串MatchId){SoccerWebviewMatchDetailRepository _SoccerWebviewMatchDetailRepository=new SoccerWebviewMatchDetailRepository();

        List<clsSoccerWebviewMatchDetail> objlstclsSoccerWebviewMatchDetail = _SoccerWebviewMatchDetailRepository.getAllSoccerWebviewMatchDetail(MatchId);
    
        if (objlstclsSoccerWebviewMatchDetail != null && objlstclsSoccerWebviewMatchDetail.Count() != 0)
        {
            var jsonObject = new
            {
                status = "success",
                objlstclsSoccerWebviewMatchDetail = _SoccerWebviewMatchDetailRepository.getAllSoccerWebviewMatchDetail(MatchId)
            };
    
            return jsonObject;
        }
        else
        {
            var jsonObject = new
            {
                status = "fail",
                message = "No match details found"
            };
    
            return jsonObject;
        }
    }
    

    检查代码。

  • 共有1个答案

    罗允晨
    2023-03-14

    首先这是HttpGet方法,你需要在URL中传递参数。

    $http.get('/api/[Apicontrollername]/GetAllMatchDetail/'+ MatchId ).success(function(data) {
      if (data.status == "success") {
    
      } else {
    
      }
    }).error(function(error) {
      debugger;
    })
    
    public object GetAllMatchDetail(string MatchId) 
    { 
        SoccerWebviewMatchDetailRepository _SoccerWebviewMatchDetailRepository = new SoccerWebviewMatchDetailRepository();
    }
    
     类似资料:
    • 问题内容: 我正在尝试使用$ resource从静态json文件中获取数据,这是代码段: 在控制器中 但是现在,我遇到了一个错误: 你能帮我解决我的问题吗? 问题答案: 您不需要为默认方法指定动作参数(这些方法是“ get”,“ save”,“ query”,“ remove”,“ delete”)。在这种情况下,您可以按原样使用method(这仅需要更改服务定义): PS还有一个提示是,如果您需

    • 问题内容: 我是AngularJS的新手,在这里我很茫然。 现在,我的MVC程序使用Razor来显示.mdf数据库中的所有数据(即 @ Html.DisplayFor(modelItem = > item.LastName) )。但是,我想主要使用Angular。我正在尝试使用ng- repeat显示所有Model数据,但是我不确定如何将那个Model数据传递给Angular控制器然后使用它。我曾

    • 问题内容: 这是我的问题。 HTML结构: 我不能有与和相关的ID /类别 我需要的是单击“单击我”,然后将其隐藏。我需要一个jQuery解决方案。有些我无法使用。 功能: 但是这个说法给我一个错误。 问题答案: 注意:我不建议在控制器中使用dom操作,您可以编写指令来执行此操作。也就是说,您可以使用获取事件对象,从中可以获取事件目标并将其与jquery一起使用。 和 演示:柱塞 更新 一个更合适

    • 问题内容: 谁能指导我如何从asp.net web方法获取json数据,并在angularJS中使用它。 问题答案: 我遇到了同样的问题,我尝试了许多不同的方法,这是我发现它起作用的方法…(我认为技巧是标头配置和带有“ data:{}”的json参数的组合,我是不确定,但这确实很棘手) 在隐藏代码的同一aspx页面上,这是简单的代码…

    • 当我尝试使用Angularjs$http.get()访问wiki api时,出现了CORS问题。这是我的密码 $http.get('http://en.wikipedia.org/w/api.php?action=query 这是错误信息 无法加载XMLHttpRequesthttps://en.wikipedia.org/w/api.php?action=query

    • 问题内容: 我正在研究一个新的ASP.NET MVC和AngularJS应用程序,该应用程序旨在作为SPA的集合。我使用MVC区域概念来分隔每个单独的SPA,然后在每个MVC区域内使用AngularJS创建SPA。 由于我是AngularJS的新手,并且无法找到有关结合MVC和AngularJS路由的答案,因此我想在这里发表我的问题,以查看是否可以获得帮助。 我有标准的MVC路由设置,可用于每个M