使用Ajax实时检测”用户名、邮箱等”是否已经存在
156 浏览量
2020-12-07
16:18:03
上传
评论
收藏 129KB PDF 举报
使用使用Ajax实时检测实时检测”用户名、邮箱等用户名、邮箱等”是否已经存在是否已经存在
一个网站采用Ajax技术，不仅可以改善网站的用户体验性，而且大大节约了宝贵的带宽，减轻了服务器负荷（不再需要交互整
个网页内容，而是局部）。
今天分享一个“利用Ajax技术来检测用户名是否存在”的例子。
利用Ajax技术来检测用户名是否存在的原理流程图：
最终结果截图：
代码如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Ajax检测用户名</title>
<script type=”text/javascript” src=”ajax.js”></script>
</head>
<body>
<form name=”myform”>
用户名：<input type=”text” name=”user” onblur=”checkname();”>
<span id=”checkbox”></span>
</form>
</body>
</html>
代码解释：
①实现该功能的核心代码在ajax.js，需要另外引进
②给form命名，因为后面我们需要利用JS来取得input框中的value
③给input框添加一个“onblur”事件，即当“焦点”失去时触发该事件(即流程图的“触发控件”)
④<span id=”checkbox”></span>用来放从服务器发送回来的数据（即“用户名已存在”等）
代码如下:
<?php
mysql_connect(“localhost”,’root’,”);
mysql_select_db(‘test’);
$sql=”select * from ajax where name=’$_GET[id]'”;
$query=mysql_query($sql);
if(is_array(mysql_fetch_array($query))){
echo “<font color=red>用户名已存在</font>”;
}else{
echo “<font color=green>用户名可以使用</font>”;
}
weixin_38638309
- 粉丝: 3
- 资源: 943
最新资源
- 基于 Java的扫雷程序毕业设计
- axure9 里面有码 axure9 里面有码
- 551-2404242311-1.amr
- 自己搭建的关于springboot整合mybatis的框架.zip
- 这是一个保存Springboot+MyBaits项目的仓库.zip
- tensorflow-gpu-2.7.2-cp39-cp39-manylinux2010-x86-64.whl
- tensorflow-2.7.4-cp38-cp38-manylinux2010-x86-64.whl
- tensorflow-gpu-2.7.4-cp38-cp38-manylinux2010-x86-64.whl
- 詹佳 陈敏 口语2.mp3
- 图书管理系统毕业设计Java语言实现
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0