使用ajax写登录的方法-tutorial php-php.cn

Rumah

pembangunan bahagian belakang

tutorial php

使用ajax写登录的方法

Mar 12, 2017 am 10:13 AM

ajax

这篇文章介绍使用ajax写登录的方法

AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

ajax的优点：

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

这里我用ajax写一个简单的登录页面：首先用到的是数据库login的表，使用ajax写登录的方法

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

&lt;head&gt;
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
    &lt;title&gt;无标题文档&lt;/title&gt;
    &lt;script src=&quot;jquery-3.1.1.min.js&quot;&gt;&lt;/script&gt; /*引入jquery包*/
&lt;/head&gt;
&lt;body&gt;
&lt;h2&gt;登录页面&lt;/h2&gt;
&lt;p&gt;用户名：&lt;input type=&quot;text&quot; id=&quot;uid&quot;/&gt;&lt;/p&gt;
&lt;p&gt;密码：&lt;input type=&quot;text&quot; id=&quot;pwd&quot;/&gt;&lt;/p&gt;
&lt;p&gt;&lt;input type=&quot;button&quot; id=&quot;btn&quot;value=&quot;登录&quot;/&gt;&lt;/p&gt;11&lt;/body&gt;12&lt;/html&gt;

Salin selepas log masuk

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

然后下面就是ajax的写法了

&lt;script type=&quot;text/javascript&quot;&gt;
$(&quot;#btn&quot;).click(function(){
 //第一步：取数据,这里用到了用户名和密码
    var uid=$(&quot;#uid&quot;).val();
    var pwd=$(&quot;#pwd&quot;).val();
    //第二步：验证数据，这里需要从数据库调数据，我们就用到了ajax
    $.ajax({
        url:&quot;dlchuli.php&quot;,//请求地址
        data:{uid:uid,pwd:pwd},//提交的数据
        type:&quot;POST&quot;,//提交的方式
        dataType:&quot;TEXT&quot;, //返回类型 TEXT字符串 JSON XML
        success:function(data){
      //开始之前要去空格，用trim()
           if(data.trim()==&quot;OK&quot;)
           {
               window.location.href = &quot;main.php&quot;;
           }
            else{
              alert(&quot;用户名或者密码错误&quot;);
           }
        }
    })

})
&lt;/script&gt;

Salin selepas log masuk

dlchuli.php的代码写法如下：

&lt;?php
include(&quot;DADB.class.php&quot;);
$db=new DADB();
$uid=$_POST[&quot;uid&quot;];
$pwd=$_POST[&quot;pwd&quot;];
$sql=&quot;select password from login where username=&#39;{$uid}&#39;&quot;;

$arr=$db-&gt;Query($sql);

if($arr[0][0]=$pwd &amp;&amp; !empty($pwd))
{
    echo&quot;OK&quot;;
}
else{
    echo&quot;NO&quot;;
}
?&gt;

Salin selepas log masuk

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

Atas ialah kandungan terperinci 使用ajax写登录的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn