1.Ajax的原理: Ajax的原理就是:通过javascript的方式,将前台数据通过xmlhttp对象传递到后台,后台在接收到请求后,将需要的结果,再传回到前台,这样就可以实现不需要页面的转发,数据实现来回传递,从而实现页面无刷新。 基于这个原理,我想到使用Ajax传输登录的信息,包括错误信息,功能很强大,保证绝对的用户友好型。
2.使用Ajax异步提交登录可以实现功能:可以提示用户名错误,可以提示用户名正确但是密码不正确...等等一切错误信息。保证绝对的友好型。绝对的好用!!!
下面附上我的简单操作....可以任读者扩展....
<script>
function login(){
var username=document.getElementById("username");
var password=document.getElementById("password");
if(username.value==""){
alert("请输入用户名...");
username.focus();
return;
}
if(password.value==""){
alert("请输入密码...");
password.focus();
return;
}
else{
$.ajax({
url:'login.action',
data:'username='+username.value+'&password='+password.value+'',
success:function(msg){
var data=msg;
if(0<data.length&&data.length<10){
document.getElementById("msg").innerHTML='<span style="color:red;font-size:14px">'+
data+'...<a href="#" style="color:blue;font-size:14px" onclick="location.reload()">请重新登录</a></span><br></br>';
}else{
document.form1.action="*****.action"
document.form1.submit();
}
},
error:function(){
alert("登录验证失败...请刷新页面重新登录...");
}
});
}
}
</script>
分享到:
相关推荐
ajax提交的jq版本,相当实用
Ajax存在问题就是在异步情况下无法控制什么时候完成记录显示,本人根据回调方法封装了个类,能够将回调方法用参数方式指定,使ajax调用结束后调用回调方法,吧内容传回。ajaxSubmitToDivCallback(显示内容div,提交...
单纯的ajax 异步提交共,直接调用就行了
ajax异步提交数据,进行无刷新数据获取
SpringMVC使用Ajax异步提交请求完成登录-附件资源
ajax的异步提交语法格式说明 源代码截图
工程里面包含两个例子,一个是普通的异步提交给servlet,一个是使用了prototype js框架提交action.注释齐全
ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)
基于ajax实现异步提交,页面为两个下拉选,左侧一个显示省份,选择不同的省份,右侧的下拉选显示对应的城市
Ajax-magento2-ajax-cart-quick.zip,magento 2 ajax购物车扩展插件提供舒适的购物体验。客户可以很容易地选择可配置的选项并在弹出窗口中编辑项目,而不会浪费重新加载页面的时间。,ajax代表异步javascript和xml。它...
使用jQuery.form插件,实现完美的表单异步提交
ajax异步提交实例,一看就懂,简单应用,好好懂好用!
里面有几个Ajax实例 自动完成功能和异步提交
GridView DropDowList Ajax 通过vs自带控件进行异步提交
Ajax实现异步提交, 判断用户名是否可用
ajax实现异步提交,判断用户名是否存在与是否过短
Ajax异步无刷新验证码
使用Ajax提交数据更新服务器内容 异步获取天气预报数据的实例 使用Ajax读取XML类型数据 使用Ajax返回字符串数据
原生ajax代码实现异步提交,用传统的ajax实现异步提交判断用户名是否存在,详细和完整的步骤,可运行