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编写的简单登录页面就完成了。最大的好处是，如果出现问题，它会在原页面上报告错误，不会跳转到其他页面

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！