gpt4 book ai didi

ajax - 简单的 AngularJS、AJAX 和 ASP.NET MVC 示例

转载 作者:行者123 更新时间:2023-12-04 23:21:36 26 4
gpt4 key购买 nike

我想看到一个极其简约的 AngularJS 示例,它对 ASP.NET MVC 操作方法进行 AJAX 调用。我自己尝试过这样做,但没有成功。这是我的示例代码...

MVC Action 方法...

public string Color()
{
return "red";
}

HTML...
<!DOCTYPE html>    
<html ng-app ="ColorApp">
<head>
<title>ColorApp</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script src="/Scripts/app.js"></script>
</head>
<body>
<div ng-controller="ColorController">
{{color}}
</div>
</body>
</html>

JavaScript...
var colorApp = angular.module('ColorApp', []);

colorApp.controller('ColorController', function ($scope) {

$http({
url: '/home/color',
method: 'GET'
}).success(function (data, status, headers, config) {
$scope.color = data;
});

});

需要考虑的一些事项:
  • 如果我更换 $http方法类似于 $scope.color = 'purple';然后我的观点按预期呈现“紫色”一词。
  • 如果我将所有内容保持原样,但用 jQuery 替换 AngularJS,则一切都按预期工作(我得到“红色”)。
  • 我尝试更改 {{color}}{{color()}}但它没有任何区别。
  • 我尝试将操作方法​​更改为 JsonResult并返回 Json("red", JsonRequestBehavior.AllowGet);但这也没什么区别。

  • 我感谢您的帮助!

    最佳答案

    添加 $http 到您的 Controller

    colorApp.controller('ColorController', function ($scope,$http) {
    $http({
    url: '/home/color',
    method: 'GET'
    }).success(function (data, status, headers, config) {
    $scope.color = data;
    });
    });

    关于ajax - 简单的 AngularJS、AJAX 和 ASP.NET MVC 示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24533444/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com