AJAX实现简单的注册页面异步请求实例代码

AJAX简介

(1)AJAX=异步JavaScript和XML。

(2)AJAX是一种创建快速动态网页的技术。

(3) AJAX可以通过在后台与服务器交换少量数据，使网页异步更新。这意味着可以更新网页的一部分，而无需重新加载整个网页。

(4)传统网页(没有AJAX)如果需要更新内容，需要重新加载整个网页。

简单布局

JS先判断，做出前端能做的判断，减少服务器的交互

$(“按钮”)。on('click '，function(){；var booluser=$(' #数据输入')[0]. value . length=8；var boolpwd=$(' #数据输入')[1]. value . length=6；var boolpwd 1=$(' #数据输入')[1]。value==$(' #数据输入')[2]。价值；=/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/g河；var bool tel=retel . test($(' #数据输入')[3]。值)；var reemail=/^\w([-]。]\ w)* @ \ w([-]。]\w )*\。\w ([-。]\ w)* $/g；var boolemail=reemail . test($(' # data input ')[4]。值)；//在这里，if应该是嵌套的，但实际上并没有开发出来，所以便于代码观看if(！booluser){ console . log(' user :不能少于8位')；} if(！Boolpwd){ console.log('pwd:不能少于6位')；} if(！boolpwd 1){ console . log(' pwd 1:两次输入的密码不一致')；} if(！Booltel) {console.log('请为电话：输入正确的电话号码')；} if(！boolemail){ console . log(' email :请输入正确的邮箱格式')；}使用ajax进行异步请求

if(booluser boolpwd boolpwd 1 bool tel boolemail){ $。ajax({ type:'get '，url:'reg.php '，async:true，data : { user : $(' # data input ')[0])。值，pwd : $(“#数据输入”)[1]。值，tel : $(“#数据输入”)[3]。值，email : $(“#数据输入”)[4]。value }、success :函数(数据){ console.log(数据)；} });}})在php中接受网络请求发送的数据，查看数据库做出判断，并将结果反馈给上一段

？phpvar _ dump($ _ GET)；$ user=$ _ GET[' user ']；$ pwd=$ _ GET[' pwd ']；$ tel=$ _ GET[' tel ']；$ email=$ _ GET[' email ']；$ msg=标题(' Content-type : text/html；charset=utf8’)；$ adders=' MySQL : host=localhost；' dbname=Users'；$db=新PDO($加法器，‘root’)；$ db-exec(' set name utf8 ')；//链接数据库并创建一个表$ result=$ db-exec('如果不存在则创建表ajaxreg (user varchar (100)主键，pwd varchar (100)，tel varchar (30)，email varchar (30))默认charset=utf8 '；$resulttel=$db-query('从ajaxreg中选择tel ')；$ result tel-setFetchMode(PDO : FETCH _ ASOC)；$ arr=$ result tel-Fetchall()；foreach($ arr as $ ar){ if($ ar[' tel ']==$ tel){ $ msg='您输入的手机号码已经存在'；echo $ msg//如果手机号已经存在，终止整个程序die()；} }//如果手机号不存在，执行以下代码：$ result=$ db-exec(' insert in Ajax reg values '($ user '、' $ pwd '、' $ tel '、' $ email '))；If($result){ $msg='注册成功'；}else{ $msg='用户名已经存在'；} echo $ msg$ db-close()；这样一个简单的注册界面是用AJAX实现的

以上就是边肖带来的AJAX实现简单注册页面异步请求实例代码的全部内容，希望大家能多多支持我们~