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 ajaxfileupload异步上传插件使用详解
这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-02-02jQuery+slidereveal实现的面板滑动侧边展出效果
WEB开发中有时需要在页面上设置一个控制面板,默认是不显示的,当用户有需要时可以通过按钮触发调用面板展示。常见的有页面侧边滑出面板效果。本文将使用jQuery插件并结合实例给大家介绍一下面板滑动展示效果。2015-03-03easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
下面小编就为大家带来一篇easyui datagrid 大数据加载效率慢,优化解决方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11
最新评论