java ajax 提交 demo_JSP页面ajax提交登录数据demo

pageEncoding="UTF-8"%>

HTML>

登录页面

$(function(){

$("#btn").click(function(){

var $_login = $("#loginForm").get(0);

var $_tip = $("#tip").get(0);

/*

*/

var userName = $(".userName");

var password = $(".password");

var tip = "";

if( $.trim( userName.val() ) == "" ){

tip = "帐号不能为空";

userName.focus();

}else if( !/^\w{5,20}$/.test( userName.val() ) ){

tip = "帐号长度必须5-20之间";

userName.focus();

}else if($.trim( password.val() ) == ""){

tip = "密码不能为空";

password.focus();

}

if(tip != ""){ //如果tip有值提示错误信息

alert(tip);

}else{ //发送ajax请求

$.ajax({

url:"${pageContext.request.contextPath}/loginAjax.action",//ajax的请求地址

type:"post",//请求方式

dataType:"json",//返回数据为json

data:$("#form").serialize(), //$("#loginForm").serialize() 序列化

async:true, //是否异步 true为异步,false为同步

success:function(data){ //异步成功回调

console.log(data);

if(data.success == "1"){

alert(data.tip);

window.location = "${pageContext.request.contextPath}/index.action";

}else if(data.success == "0"){

antMove($_login,{top:60},1000,"elasticOut",function(){

$(".tip").css("display","block");

antMove($_tip,{top:0},1000,"elasticOut");});

}

},

error:function(msg){ //ajax失败回调

alert("ajax发送失败:"+msg);

}

});

}

});

});

错误 : 

无效用户名。

忘记密码?

用户名

密码

记住我的登录信息