ajax编写一个简单的登录页面

AJAX的全称是异步JavaScript和XML。

ajax的优势：

1.最大的一点就是页面没有刷新，用户体验非常好。2.它以异步方式与服务器通信，并且具有更快速的响应能力。3.可以将以前由服务器承担的工作转移到客户端，利用客户端的空闲容量来处理，从而减轻服务器和带宽的负担，节省空间和宽带租用成本。并且减轻了服务器的负担。ajax的原理是“按需取数据”，可以最大限度地减少冗余请求和响应给服务器带来的负担。4.基于标准化和广泛支持的技术，不需要下载插件或小程序。5.ajax可以让互联网应用变得更小、更快、更友好。

在这里，我用ajax编写了一个简单的登录页面：首先，我使用数据库登录表：

以下是登录页面的代码。首先，介绍jquery包

head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8/

接下来是如何编写ajax。

脚本类型='文本/JavaScript' $ ('# BTN ')。点击(函数(){//第一步：获取数据，其中用户名和密码var uid=$('#uid ')。使用了val()；var pwd=$('#pwd ')。val()；//第二步：验证数据。我们需要调整数据库中的数据，所以我们使用Ajax $。Ajax ({URL 3360' dlchuli.php '，//请求地址data: {uid 3360 uid，pwd: pwd}，//提交数据类型data type:'POST '，//提交方法dataType:'TEXT '，//返回类型TEXT字符串JSON XML success3360函数(data){//启动前，使用trim()if(data . trim()=' ok '){ window . location . href=' main . PHP '；} else{ alert('错误的用户名或密码')；}} })})/scriptdlchuli.php代码编写如下：

？phpinclude(' DADB . class . PHP ')；$ db=new DADB()；$ uid=$ _ POST[' uid ']；$ pwd=$ _ POST[' pwd ']；$sql='从登录名中选择密码，其中用户名=' { $ uid }$ arr=$ db-Query($ SQL)；if($arr[0][0]=$pwd！空($ pwd)){ echo ' ok '；} else { echo 'NO}?至此，一个用ajax编写的简单登录页面就完成了。最大的好处就是出了问题，会在原页面报错，不会跳转到其他页面。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。