微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/angularjs/149152.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐