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中关于bind()方法的使用技巧分享
Mar 30 jQuery
jQuery实现拖动效果的实例代码
Jun 25 jQuery
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
Dec 05 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
Jquery异步上传文件代码实例
Nov 13 jQuery
Jquery Datatables的使用详解
Jan 30 jQuery
9种方法优化jQuery代码详解
Feb 04 jQuery
js与jquery获取input输入框中的值实例讲解
Feb 27 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+javascript液晶时钟
2006/10/09 PHP
也谈php网站在线人数统计
2008/04/09 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
2015/04/06 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
2015/07/18 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
2015/08/23 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
vue.js从安装到搭建过程详解
2017/03/17 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
vant时间控件使用方法详解
2020/12/24 Javascript
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
python实现的发邮件功能示例
2019/09/11 Python
python使用openpyxl操作excel的方法步骤
2020/05/28 Python
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
全球采购的街头服饰和帽子:Urban Excess
2020/10/28 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
教师实习的自我鉴定
2013/10/26 职场文书
项目专员岗位职责
2013/12/04 职场文书
2014年党支部承诺书
2014/05/30 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
鲁迅故里导游词
2015/02/05 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
针对吵架老公保证书
2015/05/08 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
《围炉夜话》110句人生箴言,精辟有内涵,引人深思
2019/10/23 职场文书
pytorch常用数据类型所占字节数对照表一览
2021/05/17 Python
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js
MySQL数据库查询之多表查询总结
2022/08/05 MySQL