Ajax异步提交登录(2)--登录使用
2024-10-20 15:54:12
http://cjp1989.iteye.com/blog/1740964
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>
最新文章
- Eclipse部署Maven web项目到tomcat服务器时,没有将lib下的jar复制过去的解决办法
- ASP.NET WebForm中异步请求防止XSRF攻击的方法
- iPhone应用开发 UITableView学习点滴详解
- 对TCP/IP网络协议的深入浅出归纳
- wiredtiger - hazard pointers
- 第一次正式java web开发项目的总结
- js的2种继承方式详解
- 存储过程 分页【NOT IN】和【>;】效率大PK 千万级别数据测试结果
- JSP执行过程详解
- c语言实现灰度图转换为二值图
- 【KMP】Period
- 【百度地图API】如何在地图上添加标注?——另有:坐标拾取工具+打车费用接口介绍
- python制作pdf电子书
- 【持续更新】JavaScript常见面试题整理
- Webpack 2 视频教程 019 - Webpack 2 中配置多页面编译
- sql判断字段是否为空
- JAVA基础积累
- Oracle GoldenGate 18.1发布
- 3.4 自动测试初步《精通ASP.NET MVC 5》
- NodeJS静态文件访问性能测试