Javascript 无法通过带MVC4的Angular JS在DB中插入值

我构建了一个示例MVC应用程序，其中我尝试使用AngularJS实现插入记录的功能

这里是索引cshtml页面

@{
    ViewBag.Title = "Add User";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section adduser 
{
    @*Index.html*@
    <div class="container-fluid" ng-app='MyData' ng-controller='DataController'>
        <table class="table table-striped table-bordered table-responsive">
            <tr>
                <td>
                    <label class="text-primary">User Name:</label>
                </td>
                <td>
                    <input type="text" id="txtUserName" class="text-primary" required="required" ng-model="newUser" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" id="btnSubmit" class="btn btn-success" ng-click="AddUser()" />
                </td>
            </tr>
        </table>
    </div>
}

以下是控制器JS代码

myData.controller("DataController", function($scope) {
    $scope.newUser = "";
    $scope.addUser = function() {
        $http.post("/Home/AddUser/", { newUser: $scope.newUser }).success(function (result) {
            alert(result.success);
        }).error(function(data) {
            console.log(data);
        });
    };
});

这里是控制器内部的post方法，我通过angular js调用它

[HttpPost]
        public JsonResult AddUser(string name)
        {
            var db = new SchedulerEntities();
            db.Users.Add(new User {Name = name});
            db.SaveChanges();
            return null;
        }

---

我正在从controller方法向DB中添加一个条目，但什么也没有发生…

我认为您需要在函数中声明

$http

：

myData.controller("DataController", function($scope, $http) {
    $scope.newUser = "";
    $scope.addUser = function() {
        $http.post("/Home/AddUser/", { newUser: $scope.newUser })
        .success(function (result) {
            alert(result.success);
        }).error(function(data) {
            console.log(data);
        });
    };
});

---

我认为您需要在函数中声明

$http

：

myData.controller("DataController", function($scope, $http) {
    $scope.newUser = "";
    $scope.addUser = function() {
        $http.post("/Home/AddUser/", { newUser: $scope.newUser })
        .success(function (result) {
            alert(result.success);
        }).error(function(data) {
            console.log(data);
        });
    };
});

---

我认为您需要在函数中声明

$http

：

myData.controller("DataController", function($scope, $http) {
    $scope.newUser = "";
    $scope.addUser = function() {
        $http.post("/Home/AddUser/", { newUser: $scope.newUser })
        .success(function (result) {
            alert(result.success);
        }).error(function(data) {
            console.log(data);
        });
    };
});

---

我认为您需要在函数中声明

$http

：

myData.controller("DataController", function($scope, $http) {
    $scope.newUser = "";
    $scope.addUser = function() {
        $http.post("/Home/AddUser/", { newUser: $scope.newUser })
        .success(function (result) {
            alert(result.success);
        }).error(function(data) {
            console.log(data);
        });
    };
});

---

你能告诉我们你得到的错误吗？？AddUser方法中接收到的值是否正确？我无法获得错误信息，因为调试器没有指向代码行。您能告诉我们您得到的错误吗？？AddUser方法中接收到的值是否正确？我无法获得错误信息，因为调试器没有指向代码行。您能告诉我们您得到的错误吗？？AddUser方法中接收到的值是否正确？我无法获得错误信息，因为调试器没有指向代码行。您能告诉我们您得到的错误吗？？AddUser方法中收到的值是否正确？我无法获得错误信息，因为调试器没有指向代码行。这对@rsn适用。但我建议您使用angular服务发布数据，并在控制器中使用该服务。这对@rsn适用。但我建议您使用angular服务发布数据，并在控制器中使用该服务。这对@rsn适用。但我建议您使用angular服务发布数据，并在控制器中使用该服务。这对@rsn适用。但我建议您使用angular服务发布数据，并在控制器中使用这些服务。