Angularjs 通过angular.js将参数从jsp传递到servlet_Angularjs_Jsp_Servlets

Angularjs 通过angular.js将参数从jsp传递到servlet

angularjs jsp servlets

Angularjs 通过angular.js将参数从jsp传递到servlet,angularjs,jsp,servlets,Angularjs,Jsp,Servlets,我有这样一个jsp页面： <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>Spring MVC AngularJS demo</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script&g

我有这样一个jsp页面：

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Spring MVC AngularJS demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script>

    var app = angular.module('myApp', []);

    function MyController($scope, $http){
    //  $scope.user = {};
        $scope.getPersonDataFromServer = function() {           
            $http({
            //SSmethod: 'GET', 
            url: '/Fetch',
            headers: {'Content-Type': 'application/json'},
                    data:  $scope.user
            }).
            success(function(data, status, headers, config) {
                $scope.person = data;
            }).
            error(function(data, status, headers, config) {
              // called asynchronously if an error occurs
              // or server returns response with an error status.
            });

        };
    };
</script>
</head>
<body>
    <div data-ng-app="myApp">
        <div data-ng-controller="MyController">
            <button data-ng-click="getPersonDataFromServer()">Get Person data from server</button>
            <p>First Name : {{person.firstName}}</p>
            <input type="text" id="name" name="name" ng-model="user.name" placeholder="User Name"> 
            <p>Last Name : {{person.lastName}}</p>
             <input type="text" id="pwd" name="pwd" ng-model="user.pwd" placeholder="Your Password">
        </div>
    </div>
</body>
</html>

这很好，如果我填写并提交，我会得到json对象。问题是我有一个值循环：

<%for(int i=0;i<10;i++){%>
 <button data-ng-click="getPersonDataFromServer()">Get Person data from server</button>
            <p>First Name : {{person.firstName}}</p>
            <input type="text" id="name<%=i%>" name="name<%=i%>" ng-model="user.name" placeholder="User Name" value="<%=i%>"> 
%>

%>

若我运行此命令并单击按钮，那个么servlet只获取最后一个值。现在我想：当我点击按钮时，我必须在servlet中获取它的文本值，并且只能提交一个值，我无法设置动态值。请用breif解释我，我对Angular JS是新手

请帮帮我

提前感谢。

有没有想过使用spring mvc？是的，实际上我们只使用spring mvc，但为了让它更简单，我在这里创建了servlet，但这如何让它更简单呢？使用带注释的spring控制器，必要的东西看起来像：@RequestMapping（value=“/test”，method=RequestMethod.GET）@RequestBody public MyObject getMyObject（）{…return MyObject；}基本上，您不必处理映射-如果您的控制器方法有一个参数用@RequestParam注释，并且这是一个集合，那么它将接收一个集合。。。

<%for(int i=0;i<10;i++){%>
 <button data-ng-click="getPersonDataFromServer()">Get Person data from server</button>
            <p>First Name : {{person.firstName}}</p>
            <input type="text" id="name<%=i%>" name="name<%=i%>" ng-model="user.name" placeholder="User Name" value="<%=i%>"> 
%>