JQuery Ajax如何实现注册检测用户名


Posted in jQuery onSeptember 25, 2020

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如何实现注册检测用户名

从文本框中输入一个字符后就立即到数据库中查找该用户名是否存在,如果存在,提示不可用,直到可用为止;

方法二: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); //设置按钮不可用
          }

        }
      });
    }

运行效果和上面一样;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
利用jquery正则表达式在页面验证url网址输入是否正确
Apr 04 jQuery
jQuery EasyUI开发技巧总结
Sep 26 jQuery
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
jQuery创建折叠式菜单
Jun 15 jQuery
jQuery zTree插件快速实现目录树
Aug 16 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
基于jQuery实现可编辑的表格
Dec 11 jQuery
jQuery操作动画完整实例分析
Jan 10 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
jQuery实现雪花飘落效果
Aug 02 jQuery
jQuery-App输入框实现实时搜索
Nov 19 jQuery
jQuery实现带进度条的轮播图
Sep 13 #jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 #jQuery
jQuery实现简单全选框
Sep 13 #jQuery
jQuery+ajax实现用户登录验证
Sep 13 #jQuery
jquery实现简易验证插件封装
Sep 13 #jQuery
jQuery实现朋友圈查看图片
Sep 11 #jQuery
jQuery实现日历效果
Sep 11 #jQuery
You might like
用PHP和ACCESS写聊天室(九)
2006/10/09 PHP
如何在PHP中进行身份认证
2006/10/09 PHP
PHP 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
javascript编程起步(第五课)
2007/01/10 Javascript
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
基于javascipt-dom编程 table对象的使用
2013/04/22 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
Python脚本在Appium库上对移动应用实现自动化测试
2015/04/17 Python
举例讲解Python中的算数运算符的用法
2015/05/13 Python
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
分析python动态规划的递归、非递归实现
2018/03/04 Python
用Python中的turtle模块画图两只小羊方法
2019/04/09 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
上班玩游戏检讨书
2014/02/07 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
《雨点儿》教学反思
2014/04/14 职场文书
学校师德承诺书
2014/05/23 职场文书
高中教师先进事迹材料
2014/08/22 职场文书
师德师风剖析材料
2014/09/30 职场文书
《半截蜡烛》教学反思
2016/02/19 职场文书
python中filter,map,reduce的作用
2022/06/10 Python