我想看到一个极其简约的 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';
然后我的观点按预期呈现“紫色”一词。 {{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/