JQuery Ajax如何实现注册检测用户名
更新时间:2020年09月25日 15:16:15 作者:勤快的懒羊羊
这篇文章主要介绍了JQuery Ajax如何实现注册检测用户名,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Ajax(无需等待直接向服务器发起请求)
(Asynchronous Javascript And Xml) :异步的
Google创新的一种js技术
方法一:比较原始没有封装的方法:
//核对用户名是否可用 var xmlhttp = null; function checkUser(userName) { if (xmlhttp == null) { xmlhttp = new XMLHttpRequest();//第一步:创建一步通信对象 } //第二步:设定回调函数 xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState === 4 && xmlhttp.status === 200) { $("#tip").html(xmlhttp.responseText); } } xmlhttp.open("get", "register?op=check&userName=" + userName); xmlhttp.send(); }
从文本框中输入一个字符后就立即到数据库中查找该用户名是否存在,如果存在,提示不可用,直到可用为止;
方法二:JQuery的Ajax:
//核对用户名是否可用 function checkUser(userName) { $.ajax({ type: 'post',//如果是get可以不写type,默认是get url: "register",//action方式 data: {op: 'check', userName: userName}, //参数,如果参数多,可用date后跟一个大括号 success: function (res) {//回调函数 if (res.indexOf("yes") !== -1) { $("#tip").html("Yes! Available: user name!");//可用 //$("#tj").prop("disabled", false); //设置按钮可用 } else { $("#tip").html("No! User name: not available!");//不可用 // $("#tj").prop("disabled", true); //设置按钮不可用 } } }); }
运行效果和上面一样;
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- 利用Ajax检测用户名是否被占用的完整实例
- PHP+Ajax实现的检测用户名功能简单示例
- AJAX应用实例之检测用户名是否唯一(实例代码)
- AJAX实现无刷新检测用户名功能
- jQuery+Ajax实现用户名重名实时检测
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
- Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
- jquery ajax 检测用户注册时用户名是否存在
- PHP+AJAX实现无刷新注册(带用户名实时检测)
- PHP+AJAX实现无刷新注册(带用户名实时检测)
- ajax 检测用户名是否被占用
- AJAX检测用户名是否存在的方法
相关文章
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
在sharepoint 2007网站中,使用jQuery实现dropdownlist的联动效果.2011-03-03
最新评论