用ajax实现登陆验证,ajax异步登录验证实现

如何用ajax异步登录验证实现？

ajax异步无刷新登陆实现分为四步：

class="fe_text jsv_required js_has_dval" title=请输入用户名

tabIndex="1" maxLength="60" type="text" name="username" οnblur="checkName();" />

class="validation_marked_info js_validation_marked_info" style="height:20px;">

class="fe_text jsv_required js_caps_passwd js_has_dval"

title="密码不能小于6位,密码前后不能包含空格" tabIndex="2" type="password"

name="password" οnblur="checkPass();" />

class="shop_login_sprite icon_p">

class="validation_marked_info js_validation_marked_info" style="height:20px;">

name=autoLogin>

两周内免登录

ajax代码如下：

var xmlhttp; //声明异步请求对象

//根据不同浏览器产生异步请求对象

function doAjax() {

try {

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e) {

try {

xmlhttp = new XMLHttpRequest();

if (xmlhttp.overrideMimeType) {

xmlhttp.overrideMimeType("text/xml");

}

} catch (e) {

}

function btnSubmit() {

xmlhttp=null;

var name = document.getElementById("shop_login_username").value;

var pass = document.getElementById("shop_login_password").value;

var url = "/shopping/doLoginServlet";

//1.产生异步请求对象

doAjax();

if (xmlhttp == null || name == "" || pass=="") {

return;

}

if(!checkName()&checkPass()){

return;

}

//2.建立连接

xmlhttp.open("post",url,true);

//3.指定回调函数

xmlhttp.onreadystatechange = rollback;

//如果以post方式请求，必须要添加

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

//4.发送请求,get请求方式时传null

xmlhttp.send("name=" + name+"&pass="+pass);

}

function rollback(){

var divName=document.getElementById("loginmessage");

divName.innerHTML="";

//当响应完成且响应结果是正常时再进行处理

if(xmlhttp.readyState==4&&xmlhttp.status==200){

var result=xmlhttp.responseText;//获得响应结果，如果是xml内容需要使用responseXML

if(result=="登录成功"){

location.href="/shopping/index.jsp";

return;

}

divName.innerHTML=result;//将响应结果显示在页面上

}

总结

以上是编程之家为你收集整理的ajax异步登录验证实现全部内容，希望文章能够帮你解决ajax异步登录验证实现所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

用ajax实现登陆验证,ajax异步登录验证实现相关推荐

php jquery ajax登录,jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用.常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息.本文我们将给大家介绍 ...
php post验证输入,$.post()登录验证功能
$.post()登录验证功能用户登录邮箱密码登录 /** * $_post():jquery处理ajax中的post请求 * 基本语法:$.post(url, data, success, d ...
java token生成和验证_Java Token登录验证生成解析Token
借鉴参考 Java Token登录验证使用jjwt生成和解析JWT java基于token验证之登陆验证等什么是Token? 我的理解来说 token就是你访问服务器的口令,只要token合法, ...
php 语法验证_PHP用户登录验证模块
这篇文章介绍的内容是关于PHP用户登录验证模块 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下实现用户登录 >>>1 创建登录表单登录表单的HTML代码如下: U ...
java登录验证技术,login_required -- 登录验证
login_required -- 登录验证方法源码: def login_required(function=None, redirect_field_name=REDIRECT_FIELD_NA ...
php注册登录遍写入遍验证,自动注册登录验证机制的php代码
在phpwind站点后台添加"广告管家"(CNZZ的一款广告投放的应用)的应用,整个"广告管家"通过iframe载入,载入的具体内容根据不同站点显示针对该站点的 ...
Spring Security 4 整合Hibernate 实现持久化登录验证（带源码）
上一篇文章:Spring Security 4 整合Hibernate Bcrypt密码加密(带源码) 原文地址:http://websystique.com/spring-security/spri ...
利用react-router实现按需加载、登录验证、刷新组件。。。
由于React Router 4.0已经正式发布,所以该博文分React Router 和 React Router 4.0 进行分类讨论!该博文会持续更新中,欢迎大家一起讨论与补充! 我相信用过re ...
图解用户登录验证业务流程（推荐）
点击关注公众号,实用技术文章及时了解前言本文通过图示及代码的方式介绍用户登录流程及技术实现,内容包括用户登录,用户验证,如何获取操作用户的信息以及一些黑名单及匿名接口如何免验证相关的实现. 结合昨 ...

用ajax实现登陆验证,ajax异步登录验证实现

用ajax实现登陆验证,ajax异步登录验证实现相关推荐

最新文章

热门文章