ajax如何编写简单的登录页面

　　介绍

这篇文章主要介绍了ajax如何编写简单的登录页面,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

ajax的全称是异步JavaScript和XML(异步的JavaScript和XML)。

ajax的优点:

1,最大的一点是页面无刷新,用户的体验非常好。
2,使用异步方式与服务器通信,具有更加迅速的响应能力。
3,可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
4,基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
5, ajax可使因特网应用程序更小,更快,更友好。

这里我用ajax写一个简单的登录页面:首先用到的是数据库登录的表:

ajax如何编写简单的登录页面

下面是登录页面的代码,首先要引入jquery包

& lt; head> 　　,& lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8",/比; 　　,& lt; title>无标题文档& lt;/title> 　　,& lt; https://www.yisu.com/zixun/script  src=" jquery-3.1.1.min.js "> /*引入jquery包*/> 　　

登录页面

　　
用户名:
　　
密码:
　　
11 12

登录页面很简单,就不上图了,之前的博客也写过很多次了

然后下面就是ajax的写法了。

& lt; script 类型=拔谋?javascript"比; 　　$ (“# btn") .click(函数(){ 　　,//第一步:取数据,这里用到了用户名和密码 　　,var  uid=$ (“# uid") .val (); 　　,var  pwd=$ (“# pwd") .val (); 　　,//第二步:验证数据,这里需要从数据库调数据,我们就用到了ajax 　　,. ajax({美元 　　,url:“dlchuli.php",//请求地址 　　,数据:{uid: uid, pwd: pwd},//提交的数据 　　,类型:“POST",//提交的方式 　　,数据类型:“TEXT",,//返回类型,文本字符串,JSON  XML 　　,成功:功能(数据){ 　　,//开始之前要去空格,用修剪() 　　,如果(data.trim ()==癘K") 　　,{=,window.location.href “main.php"; 　　,} 　　其他的,{ 　　,警报(“用户名或者密码错误“); 　　,} 　　,} 　　,}) 　　 　　}) 　　& lt;/script>

dlchuli。php的代码写法如下:

& lt; php ? 　　包括(“DADB.class.php"); 　　$ db=new  DADB (); 　　美元uid=$ _POST [“uid"]; 　　$ pwd=$ _POST [“pwd"]; 　　$ sql=皊elect  password 得到login  where 用户名=& # 39;{$ uid} & # 39;“; 　　 　　$ arr=$ db→查询($ sql); 　　 　　如果(arr[0][0]=美元pwd ,,, !空($ pwd)) 　　{ 　　,echo" OK"; 　　} 　　其他{ 　　,echo" NO"; 　　} 　　?祝辞

写到这里,用ajax写的简单的登录页面就完成了,最大的好处就是如果出错会在原来的页面报错,不会蹦到其他的页面。

什么是ajax

ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。

感谢你能够认真阅读完这篇文章,希望小编分享的“ajax如何编写简单的登录页面”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

ajax如何编写简单的登录页面