Jsp 如何使用Ajax和Servlet制作登录表单_Jsp_Jquery_Servlets

Jsp 如何使用Ajax和Servlet制作登录表单

jsp jquery servlets

Jsp 如何使用Ajax和Servlet制作登录表单,jsp,jquery,servlets,Jsp,Jquery,Servlets,我是阿贾克斯新手。我想做的是使用ajax制作一个登录表单。这意味着，当我给jsp生成的表单提供用户名和密码时，ajax将调用，然后程序计数器将转到servlet页面进行数据库检查。DB命中成功后，它将向ajax发送一个响应。在ajax的成功部分，我将调用我的主页。这是我的jsp页面 <body> <div class="loginContainer"> <div class="block"> <h3 class="block

我是阿贾克斯新手。我想做的是使用ajax制作一个登录表单。这意味着，当我给jsp生成的表单提供用户名和密码时，ajax将调用，然后程序计数器将转到servlet页面进行数据库检查。DB命中成功后，它将向ajax发送一个响应。在ajax的成功部分，我将调用我的主页。这是我的jsp页面

 <body>
 <div class="loginContainer">
    <div class="block">
        <h3 class="blockTitle">Login</h3>
        <div class="blockContent">
            <div class="formStyle">
                <script>
                    $(document).ready(function(){
                        $('#login').click(function()
                        {   
                            var user=$('#userid').val();
                            var pwd=$('#pswrd').val();
                            $.ajax({
                                type: "POST",
                                url:"LoginServlet",   // this is my servlet
                                data:{"user":user,"password":pwd},
                                success: function (data) {
                                     // I want to call my home page from here 
                                }
                            });                                
                        });
                    });
                </script>
                <label>Username</label>
                <input type="text" id="userid"/>
                <small>(e.g. guest)</small>

                <label>Password</label>
                <input type="password" id="pswrd"/> 
                <input type="submit" value="Login" id="login"/>
            </div>
        </div>
    </div>
 </div>
</body>

我能够通过ajax从jsp成功调用servlet。我能够发送数据并在servlet中打印它们。这是一次成功的DB点击。现在请任何人帮我把回复发送回ajax。。。帮帮我

添加以下代码

在成功区块内

success: function (data) {
 var url = "home page url here";    
 $(location).attr('href',url);                                        
   }

如果你想重定向请求，看看这些东西

希望它能帮上忙最后我能打破它。。这是Ajax

<script>
    $(document).ready(function(){
       $('#login').click(function()
       {   
          var user=$('#userid').val();
          var pwd=$('#pswrd').val();
          $.ajax({
               type: "POST",
               url:"LoginServlet",
               data:{"user":user,"password":pwd},
               success: function (data) {
                  if(data=='True'){
                    $(location).attr('href','main.jsp');
                  }else{
                      alert('Fail....');
                  }
               }
             });                                
           });
         });
   </script>

谢谢你的合作，克里斯。。但是你能告诉我，我没有什么东西可以在servlet中用来发送响应吗？？我是新来的。帮助我理解

<script>
    $(document).ready(function(){
       $('#login').click(function()
       {   
          var user=$('#userid').val();
          var pwd=$('#pswrd').val();
          $.ajax({
               type: "POST",
               url:"LoginServlet",
               data:{"user":user,"password":pwd},
               success: function (data) {
                  if(data=='True'){
                    $(location).attr('href','main.jsp');
                  }else{
                      alert('Fail....');
                  }
               }
             });                                
           });
         });
   </script>

if(validationFlag){                
            response.setContentType("text/html;charset=UTF-8");
            response.getWriter().write("True");
  }