异步提交form表单


1.要使用ajaxSubmit方法,必须要加两个js文件,且顺序是:

<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/jquery-form.js"></script>

2.data的由来:

data来自于Login(servlet)中传递过来的值,如下。。。。。。。。。。所以data=1  or  data=0

 @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
          req.setCharacterEncoding("utf-8");
          String id = req.getParameter("id");
          String pwd = req.getParameter("pwd");
          Dao.connect();
          boolean result = Dao.login(id,pwd);
          if(result)
          {
              resp.getWriter().print(1);
          }
          else{
              resp.getWriter().print(0);
          }
    }

  

 

3.异步提交form表单使用:

<script>
$(function(){

    /*异步提交form表单*/
    $('#button的id').click(function(){
    $('form').ajaxSubmit(function (data){
    if(data == 1)
    {
         window.location="目标地址";
    }
    else
   {
      alter('密码或账户错误');
   }

})
 
})

})

</script>


<form action="Login" method="post">
<div class="center_center" id="center_center">
账号:<input type="text" name="id"><br>
密码:<input type="text" name="pwd">
</div>
<div class="center_buttom"><input type="button" value="登录" id="login">
</div>
</form>

  

 

4.使用异步提交form表单的好处:

我觉得非常简便,轻巧,效率更高,可读性更好。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM