代码下载：https://files.cnblogs.com/files/xiandedanteng/angularjsFormSubmit.rar
前台代码：
<%@ page contentType="text/html; charset=UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html ng-app="notesApp"> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <meta charset="utf-8"> <script src="angular1.4.6.min.js"></script> </head> <body ng-controller="MainCtrl as ctrl"> <form action="Verify" id="form1"> Name:<input type="text" name="name" ng-model="ctrl.username"/><br/> You typed:{{ctrl.username}}<br/> Pswd:<input type="password" name="pswd" ng-model="ctrl.password"/><br/> You typed:<span ng-bind="ctrl.password"></span><br/> <button type="button" ng-click="ctrl.reset()">Reset</button> <!-- 注意这里不写 type="button" 会导致表单提交--> <button type="button" ng-click="ctrl.submit()">Submit</button> </form> </body> </html> <script type="text/javascript"> <!-- angular.module('notesApp',[]) .controller('MainCtrl',[function(){ var self=this; self.reset=function(){ self.username=""; self.password=""; }; // 在Chrome正常，在FirxFox中self.username，self.password是undefined self.submit=function(){ alert("self.username="+self.username); alert("self.password="+self.password); if(self.username!="" && self.password!=""){ alert(2); document.forms[0].submit(); }else{ alert(3); alert("用户名或密码不全"); } alert(4); }; }]); //--> </script>
后台代码：
package com.test; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class VerifyServlet extends HttpServlet { private static final long serialVersionUID = 56890894234786L; public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, java.io.IOException { request.setCharacterEncoding("UTF-8"); String name=request.getParameter("name"); String pswd=request.getParameter("pswd"); request.setAttribute("name", name); System.out.println("name="+name); request.setAttribute("pswd", pswd); System.out.println("pswd="+pswd); RequestDispatcher dispatcher = request.getRequestDispatcher("result.jsp"); dispatcher.forward(request, response); return; } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, java.io.IOException { doPost(request, response); } }
本文转自张昺华-sky博客园博客，原文链接：http://www.cnblogs.com/xiandedanteng/p/7416061.html，如需转载请自行联系原作者