使用PHP Ajax异步通信验证用户名邮箱是否注册(两种方法)

把前面的字直接放在代码上有点不厚道，所以按照中国传统，描述整个段落。(我的语言表达能力有限，大家都不忍看。)功能在网站注册用户时使用，主要是异步验证用户输入的用户名或Email是否已经注册，无需刷新。想必大家都见过这个功能，大部分网站都有。我一直对这个功能很感兴趣，所以这几天学习了jQuery Ajax，整个功能并不完善。不过应付常用的代码就足够了(更强大的功能有待大家去发现)。文档中写明reg.php//is注册页面check_user.php //是用户认证页面(GET，可选POST方法)jQuery-1.7.1.js //是jQuery文件的下载地址：http://code.jquery.com/jquery-1.7.1.js(右键保存)。代码示例reg.php注册页面(包括2种方法，请选择一种)。复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；Charset=gb2312'/titlePHP Ajax异步通信注册验证/title脚本类型=' text/JavaScript ' src=' http : jquery-1 . 7 . 1 . js '/脚本！-别忘了引用jQuery文件，否则无法执行-脚本类型=' text/JavaScript ' $(function(){//method I jQuery(推荐一般应用，好用)$('#user ')。blur(function(){ //文本框鼠标焦点消失事件$。get ('check _ user)。用户=' $ ('# user ')。val()、null、function(data)//在这里，get模式可以改为post模式，根据需要进行调整，其他使用模式不做修改，与{$('#chk ')相同。html(数据)；//将html代码添加到ID为chk}的元素中)；})//Mode 2 aJax模式(比较复杂，如果没有特殊要求，建议使用Mode 1) $ ('# user ')。Blur (function () {$)。Ajax ({url:' check _ user.php '，//请求验证页面类型：'GET '，//请求方式可以改为post，注意验证页面的接收方式，data:' user=' $ ('# user ')。val()。//获取表格文本框数据作为提交数据，注意这里前面的用户格式键=值。其他方法请参考ajax手册，success 3360函数(数据){//请求成功时执行操作$ ('# chk '。//将html代码添加到ID为chk}})的元素中；})}))/script/head body表单id=' reg ' action=' ' method=' post '用户名：input id=' user ' type=' text '/span id=' chk '/span/form/body/html check _ user.php异步通信页面代码如下：copy代码如下：php标题(' Content-type : text/html；charset=GB 2312 ')；//GET数据(取决于异步提交时的提交方式)if($ _ GET[' user ']){ $ user=$ _ GET[' user ']；//这里可以进行数据库匹配。如果($ user==' admin ')echo ' font color=red用户名已经注册！/font '；Else echo ' font color=红色用户名可以使用/font '；}else{} //POST方法获取数据(取决于异步提交时的提交方法)if($ _ POST[' user ']){ $ user=$ _ POST[' user ']；//这里可以进行数据库匹配。如果($ user==' admin ')echo ' font color=red用户名已经注册！/font '；Else echo ' font color=红色用户名可以使用/font '；}else{}？以上两种方式分别有贴吧和get两种方式，可以说有四种方式可以选择，应该满足一般应用。另外，ajax中的其他参数，比如：请求数据类型、Ajax启动操作等等。请参考ajax手册。这里不做解释，推荐第一种方法，因为它很复杂。照片：