无法使用angularjs$http请求将参数发送到服务器操作方法
Unable to send parameters to server action method using angularjs $http request
我以以下方式向服务器发出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 }).
相关文章:
- 从填充了 AJAX 的下拉列表中获取控制器的操作方法中的值
- 我无法在操作方法中将我的文件传递给 httppostedfilebase
- 操作方法:第一次单击动画 1,第二次单击动画 2
- 为什么我需要使用 document.write 而不是 DOM 操作方法
- Jquery Ajax调用没有't点击操作方法/返回整个HTML页面
- asp.net mvc操作方法发布除json数据之外的数据
- 无法使用angularjs$http请求将参数发送到服务器操作方法
- 使用 onClick 从 JavaScript 创建 html 按钮调用一个带有一个参数的方法
- 在 PHP MVC 中从 Javascript 调用操作方法
- 传递和接收 $(this) 作为参数的方法
- Ajax 发布到 httpost 操作方法,无需刷新特殊加载
- 操作方法确保在不使用 WebFont 加载器的情况下加载@font面
- 时间戳脚本,监视 C 列中的更改,在 E 列 [操作方法] 上设置时间戳
- 如何通过MVC操作方法显示/隐藏HTML按钮
- NodeJS 操作方法需要注入函数的模块
- 如何从用户输入的文本框中从 Html 操作链接控件捕获传递多个值并发送到操作方法
- 无缝路由到不同的控制器/操作方法
- 操作方法:将鼠标悬停在图像上并制作动画绘制一条线,说明淡出
- AngularJS$http://.NET Web API-获取400(错误请求)或NULL POST操作方法参数
- EXTJS4-对于TreeStore,如何传递参数和操作方法