Java 使用Angular Js和JSP进行登录验证

我正在制作一个angular js-jsp应用程序，为此我创建了一个登录页面，还创建了一个用于获取数据库并比较用户名和密码的servlet。 创建了登录表单，并在登录表单提交时向我的angular controller传递了值。现在我需要访问比较登录名的servlet，如何将信息传递给servlet？我已经为此创建了一个工厂，还必须使用post方法来传递数据

我正在粘贴代码，直到完成为止

HTML

<div class="container">

        <form name="myForm" novalidate class="col-md-4 col-md-offset-4">
        <h2>{{login.username}}</h2>
            <div class="form-group">
                <input type="email" ng-model="login.username" required class="form-control input-lg" placeholder="Email">
            </div>

            <div class="form-group">
                <input type="password" required ng-model="login.password"  class="form-control input-lg"
                    placeholder="Password">

            </div>

            <div class="form-group">
                <input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||  
myForm.email.$dirty && myForm.email.$invalid"  ng-click="formSubmit(login)" class="btn btn-primary btn-lg btn-block" value="Sign In"/>
                <span><a href="#">Need help?</a></span> <span class="pull-right"><a
                    href="#">New Registration</a></span>
            </div>

        </form>

    </div>

这是我的eclipse目录结构

---

LoginValdiator.java是用于登录比较的servlet，您没有在表单字段中添加

name

属性，该属性可按角度在该字段上启用表单验证规则

标记

<div class="container">

    <form name="myForm" novalidate class="col-md-4 col-md-offset-4">
        <h2>{{login.username}}</h2>
        <div class="form-group">
            <input type="email" name="email" ng-model="login.username" required class="form-control input-lg" placeholder="Email">
        </div>
        <div class="form-group">
            <input type="password" name="password" required ng-model="login.password" class="form-control input-lg" placeholder="Password">
        </div>

        <div class="form-group">
            <input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||  
myForm.email.$dirty && myForm.email.$invalid" ng-click="formSubmit(login)" class="btn btn-primary btn-lg btn-block" value="Sign In" />
            <span><a href="#">Need help?</a></span> <span class="pull-right"><a
                    href="#">New Registration</a></span>
        </div>
    </form>
</div>

{{login.username}

---

有关为什么需要名称属性的更多信息，请仅由我参考

要访问servlet，请在部署描述符文件（web.xml）中添加该servlet的servlet映射

例如：

servlet1
org.mycompany.test1
servlet1
/路径/测试

---

在这里，您可以通过…/path/test从控制器函数“formSubmit”访问servlet，您需要调用servlet。类似于$http.post（'loginservlet url'，item）；。我不熟悉Java后端，但您知道执行登录的servlet的路径吗？@shivas实际上我也在寻找路径。这很好，但我现在不寻找前端验证。@ShajeerAhmd，但它肯定会在进行前端验证时帮助您

<div class="container">

    <form name="myForm" novalidate class="col-md-4 col-md-offset-4">
        <h2>{{login.username}}</h2>
        <div class="form-group">
            <input type="email" name="email" ng-model="login.username" required class="form-control input-lg" placeholder="Email">
        </div>
        <div class="form-group">
            <input type="password" name="password" required ng-model="login.password" class="form-control input-lg" placeholder="Password">
        </div>

        <div class="form-group">
            <input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||  
myForm.email.$dirty && myForm.email.$invalid" ng-click="formSubmit(login)" class="btn btn-primary btn-lg btn-block" value="Sign In" />
            <span><a href="#">Need help?</a></span> <span class="pull-right"><a
                    href="#">New Registration</a></span>
        </div>
    </form>
</div>

<servlet>
    <servlet-name>servlet1</servlet-name>
    <servlet-class>org.mycompany.test1</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>servlet1</servlet-name>
    <url-pattern>/path/test</url-pattern>
</servlet-mapping>