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遍历节点方法汇总(推荐)
May 13 jQuery
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jquery获取input输入框中的值
Nov 13 jQuery
JQuery事件冒泡和默认行为代码实例
May 13 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
set_include_path在win和linux下的区别
2008/01/10 PHP
php 文件缓存函数
2011/10/08 PHP
ThinkPHP视图查询详解
2014/06/30 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
JavaScript实现把数字转换成中文
2015/06/29 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
基本DOM节点操作
2017/01/17 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
js自定义瀑布流布局插件
2017/05/16 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
webpack下实现动态引入文件方法
2018/02/22 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
JavaScript代码实现简单计算器
2020/12/27 Javascript
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
django模板语法学习之include示例详解
2017/12/17 Python
提升Python程序性能的7个习惯
2019/04/14 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
What is view? why do we have view?
2012/06/22 面试题
2015年学生管理工作总结
2015/05/26 职场文书
七夕情人节问候语
2015/11/11 职场文书
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js