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

发布时间：2020-12-17 10:03:02 所属栏目：安全来源：网络整理

导读：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()" / /

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);
                

            });
        };

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!