javascript - ASPX页面中的Web方法未执行

我正在尝试在页面加载本身上发出ajax请求。我正在使用angular js $ http服务从User.aspx.cs页面中存在的web方法获取Json数据。

我的Web方法如下：

[WebMethod]
    [ScriptMethod(ResponseFormat=ResponseFormat.Json)]
    public static List<Users> GetUsers()
    {
        DBUtil objUtils = new DBUtil(); //This is my class for db connection

        List<Users> list = new List<Users>();
        string strQuery = "select * from TM_Users";
        DataTable dt = objUtils.GetDataTable(strQuery);
        for (int i = 0; i < dt.Rows.Count; i++)
        {
            list.Add(new Users {FullName=dt.Rows[i]["FullName"].ToString(),
            UserName=dt.Rows[i]["UserName"].ToString(),
            Password=dt.Rows[i]["Password"].ToString(),
            phNum=dt.Rows[i]["MobileNo"].ToString(),
            EmailId=dt.Rows[i]["EmailAddress"].ToString(),
            Usertype=dt.Rows[i]["UserType"].ToString(),
            CenterId=dt.Rows[i]["HealthCenterID"].ToString()
            });
        }
            return list;
    }

web方法没有问题。当我尝试在单独的js文件中的控制器内部编写的$ http的帮助下调用web方法时，说Control.js。我的功能是，我正在使用ng网格，因此将该网格与数据库中的数据绑定。
代码如下：

var app = angular.module("myApp", ["ngGrid"]);

app.controller('myCtrl', function ($scope, $http, $location) {
    //var myData = $http.get("User.aspx/GetUsers");
    $scope.location = $location;
    var url1 = "User.aspx/GetUsers";
    var myData;
    $http.get(url1).success(function (data,status,headers) {
        myData = data;
    }).error(function (err) {
        console.log(err);
    })
    $scope.gridOptions = {
        data: 'myData'
    };

});

当我调试时，我注意到成功的处理程序正在执行。但是aspx.cs页面上的Web方法未执行。我在成功处理程序数据中收到的响应是.aspx网页的整个html

感谢你的帮助！！

最佳答案

像这样更改您的http get调用。我添加了内容类型，空数据对象和响应类型作为json。

var app = angular.module("myApp", ["ngGrid"]);

app.controller('myCtrl', function ($scope, $http, $location) {
    var request =
    {
    method: "GET",
    url: "User.aspx/GetUsers",
    data: {},
    headers: { "Content-Type": "application/json" },
    responseType: 'json'
    }

    $http(request).then(function (data,status,headers) {
        myData = data;
    }).error(function (err) {
        console.log(err);
    })
    $scope.gridOptions = {
        data: 'myData'
    };

});

});

关于javascript - ASPX页面中的Web方法未执行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34332375/