ajax判断用户名是否可用

<body>
请输入用户名:<input type="text" id="uid"/><span id="xinxi"></span>
</body>
</html>
<script>
$(document).ready(function(e) {
    $("#uid").blur(function(){
		var uid=$(this).val();//取文本的值
		$.ajax({
			url:"chuli.php",//处理页面
			data:{uid:uid},//传递的数据
			type:"POST",//提交类型
			datatype:"TEXT",
			success:function(data)//回调函数
			{
				if(data=="OK")
				{
					var str="该用户可以被使用";
					$("#xinxi").html(str);
					}
				else{
					var str="该用户已存在";
					$("#xinxi").html(str);
					}
				}
			});
		})
	});
</script>

处理页面
<?php
$uid=$_POST["uid"];//接受数据
include("../DBDA.class.php");
$db=new DBDA();
$sql="select count(*) from users where uid=‘{$uid}‘";
$attr=$db->Query($sql);
if($attr[0][0]==1)
{
	echo "NO";
	}
else{
	echo "OK";
	}

  

  

时间: 2024-08-28 15:13:21

ajax判断用户名是否可用的相关文章

PHP语言 -- Ajax 注册用户名是否可用

<body> <h1>注册</h1> <div><input type="text" id="user" /><div></div></div> </body> <script type="text/javascript"> $(document).ready(function(e){ //判断用户名是否可用 $("#

Ajax (Asynchronous javascript xml) 搜索框核心代码(JQuery) Ajax判断用户名存在核心代码 附:原生js的Ajax代码

前端 <script type="text/javascript"> $(function(){ $("#tid").keyup(function(){ //获取当前输入 的值 var value=$(this).val(); //偷偷摸摸发起请求 var url="${pageContext.request.contextPath }/like" var params="name="+value; //先清空下方

11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回值,页面都是ajax处理的. ajax的写法: test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

【Ajax】实现注册页面判断用户名是否可用的提示—异步加载

效果如图 在注册或登录网站时,当我们输入错误格式的账号或信息时,会看到这种提示. 那怎么实现呢,通过ajax异步加载的方式,可以实现不刷新页面就显示出该提示. 实现 首先创建一个JSP,写一个简单的页面. 1 <body> 2 用户名:<input type="text" name="name" id="xxx"/><label></label><br> 3 年 龄:<input

javaweb历史上最简单的使用Ajax判断用户名是否被注册(不跳转页面奥!)

关于前端: 使用jquery-3.3.1.js记得要导入奥---最后我会附加我的源码的 哎我也不多说了新手加菜鸟jquery真的不太懂!看代码吧!个别地方我会写上我对本程序的理解. 关于后台也就是servlet 后台并没有真正的链接数据库你懂得加入你测试的话还要建表,很麻烦,大致写了一个模板,以后你链接数据库,改代码的思路应该很简单!!我说的有道理吧!!简单的几句话看代码奥!! index.jsp //by萌萌的灰太狼 <!DOCTYPE HTML PUBLIC "-//W3C//DTD

json数据、ajax判断用户是否存在

一.JSON的全称是"JavaScript Object Notation",意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式. 1.定义json var a = { "one":"1111",//可以说字符串 "two":"2222", "three":arr,//可以是数组 "four":{"hello":

ajax技术实现登录判断用户名是否重复以及利用xml实现二级下拉框联动

今天学了ajax技术,特地在此写下来作为复习. 一.什么是ajax? 客户端(特指PC浏览器)与服务器,可以在[不必刷新整个浏览器]的情况下,与服务器进行异步通讯的技术  即,AJAX是一个[局部刷新]的[异步]通讯技术, 说白了就是局部刷新. 二.ajax的原理如下图 附上ajax与服务器之间的几种状态,但 4是所有浏览器都支持的的 三.ajax包含的技术如下图 四.ajax开发步骤 步一:创建ajax对象,例如:ajax = createAjax(); 步二:开启异步对象:例如:ajax.o

利用jQuery实现的Ajax 验证用户名是否存在

异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项

php jquery ajax验证用户名是否重复

我从3月份接触了web,开始了javascript和jquery的学习,之后学习了php,写了这样的表单验证代码.当然了,之前也接触过编程,只是没有深入系统的去学习,如今我重新迈入这个圈子,因为我对编程非常喜爱.故此跟大家分享下学习中的心得和自己原创的代码. 下面贴代码,思路是这样的,首先在文本框失去焦点时触发$.ajax函数,发送数据到php端,php接受该参数后,查询数据库中有没有记录,如果有则返回false,没有则返回true. 当返回false时,提示用户用户名已经被注册,并在form的