如何通过从 angularJS 控制器到 MVC5 控制器的 ajax 调用获取 JSON

Question

我是 AngularJS 的新手。我想从我的角度控制器向我的 MVC5 控制器进行 ajax 调用。我的 action 带有 三个参数 驻留在 HomeController 中，例如

public ActionResult addFrnd(int name, string phone, int age)
    {
       //do something
        return json();
    }

我的角度控制器放在这里

var myModule = angular.module("myApp", ['ngRoute']);
myModule.controller('SimpleController', function ($scope, $http, SimpleFactory) {
        $scope.friends = [];
        init();


        function init() {
            $scope.friends = SimpleFactory.getFriend();
        }

        $scope.addFriend = function ($http) {
            $scope.friends.push(
                {
                    name: $scope.newFriend.name,
                    phone: $scope.newFriend.phone,
                    age: $scope.newFriend.age
                });
            //$http("/Home/addFrnd");

            $http.get({
                type: "POST",
                url: "~/Home/addFrnd",
                data: {
                    name: $scope.newFriend.name,
                    phone: $scope.newFriend.phone,
                    age: $scope.newFriend.age
                },
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    alert(msg.d);
                },
                error: function (msg) {
                    alert(msg.d);
                }
            });
        };
    });

我该如何解决这个问题？请帮帮我

Answer 1

其中一些可能取决于您的路由。无论哪种方式，您都需要在 http 调用中删除“~”。另一个问题是您正在使用 $http.get 并且您指定的类型是帖子。如果它实际上是一篇文章，只需使用 $http.post({ 。另外，在你的 mvc 控制器中使用 post 属性指定此调用是一篇文章：

[HttpPost]
public ActionResult addFrnd(int name, string phone, int age)
    {
       //do something
        return json();
    }

你可以这样写你的文章：

$scope.addFriend = function(){
addFriend()
.success(function(returnVal){
//success
})
.err(function(error){
//error
});
};

function addFriend(){
    var  data = {
                    name: $scope.newFriend.name,
                    phone: $scope.newFriend.phone,
                     age: $scope.newFriend.age
                    };

   return  $http.post('/Home/addFrnd/', data);
}

$scope.addFriend 的作用域函数也不需要传入 $http，你已经注入了