无法使用angularjs$http请求将参数发送到服务器操作方法

Unable to send parameters to server action method using angularjs $http request

本文关键字:参数 操作方法 服务器 请求 angularjs http      更新时间:2024-03-22

我以以下方式向服务器发出Ajax请求:

应用程序设置:

var appRoot = angular.module('demoApp', ['ngRoute', 'ngResource']);
appRoot.config(['$routeProvider', function($routeProvider) {
         $routeProvider
         .when('/', { templateUrl: '/ngPartials/_Login.html', controller: 'LoginCtrl' })
         .otherwise({ redirectTo: '/ngPartials/_Login.html', controller: 'LoginCtrl' });
        }
]);

工厂:

appRoot.factory('LoginResource', function ($http) {
    var loginResource = {
        response:{},
        get: function (param) {
            $http.get('/Login/Login', param).
             success(function (data, status, headers, config) {
                 this.response = data;
             }).
             error(function (data, status, headers, config) {
                 alert('error');
            });
        }
    }
    return loginResource;
});

控制器:

appRoot.controller('LoginCtrl', function ($scope, LoginResource) {
    //Make a get request on login resource
    $scope.User = LoginResource.get(
    {
       Role: val,
       Email_Id: $scope.Email,
       Pwd: $scope.Password
    }, function (response) { 
    //do someting in callback function
    });
});

但我不知道我在上面的代码中做错了什么,当我收到请求时,参数(Role、Email_Id、Pwd)没有绑定到我的服务器Action方法。该方法被正确命中,但模型值没有绑定。

服务器端型号:

public class LoginModel
{
    public string Role { get; set; }
    public string Email_Id { get; set; }
    public string Pwd { get; set; }
    public bool IsEmailValidation { get; set; }
}

操作方法:

    [HttpGet, ActionName("Login")]
    public JsonResult Login(LoginModel oLogin)
    {
       ...
    }

当我从angular调用上述操作方法时,该方法被击中,但对象oLogin中的所有属性都为null。我上面的代码出了什么问题?

编辑:

以前我使用$resource而不是$http,一切都很好。

appRoot.factory('LoginResource', function ($resource) {
    return $resource('/Login/Login');
});

在LoginResource中,$http.get的第二个参数是config,而不是params。。。所以将其更改为以下内容:

get: function (param) {
    $http.get('/Login/Login', { params: param }).