angularjs表单数据提交-对象方式提交

前端之家收集整理的这篇文章主要介绍了angularjs表单数据提交-对象方式提交前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.HTML代码

<body ng-app="Power" ng-controller="userCtrl" ng-init="initData()">
用户名:<input type="text" ng-model="user.username" /><br/>
密码:<input type="text" ng-model="user.password" />
<input type="button" value="提交" ng-click="saveUser()" /> 
</body>


2.service代码

this.saveUser=function(user){
    		
    		var deferred = $q.defer();

            $http.get("userAction!doNotNeedSession_add.action",{
            	params:user//传整个表单数据
            }).success(function (data) {
                // 如果连接成功,延时返回给调用者
                deferred.resolve(data);
            })
                .error(function () {
                    deferred.reject('连接服务器出错!');
                })
            return deferred.promise;
    		
    	};


3.controller代码

$scope.user={username:'',password:''};
    	
    	
    	$scope.saveUser=function () {
    		userService.saveUser($scope.user).then(function (data) {
                console.info(data);
                

            });
        };
原文链接:https://www.f2er.com/angularjs/149152.html

猜你在找的Angularjs相关文章