Ajax基础与登入教程

网络编程 2024/12/27 佚名

2 0 1

天枫庄资源网 Design By www.wosibo.com

Ajax 是 Asynchronous JavaScript and XML的缩写。

Ajax的优点：

优点：减轻服务器的负担,按需取数据,最大程度的减少冗余请求

局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验

基于xml标准化,并被广泛支持,不需安装插件等

进一步促进页面和数据的分离

Ajax包含下列技术：

基于web标准（standards-based presentation）XHTML+CSS的表示；

使用 DOM（Document Object Model）进行动态显示及交互；

使用 XML 和 XSLT 进行数据交换及相关操作；

使用 XMLHttpRequest 进行异步数据查询、检索；

使用 JavaScript 将所有的东西绑定在一起。　　

也就是说Ajax最大的特点就是可以实现动态不刷新

使用Ajax：

例子：

在数据库中的一张表：

实现点击查看用户名是否可用：

主页面代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="/UploadFiles/2021-04-02/jquery-1.11.2.min.js">

接下来做处理页面：




<"yhm"];
//取值
include("db.class.php");
$db = new db();
$sql = "select count(*) from mydb where zhang = '{$zhang}'";
$arr = $db->Query($sql);
echo $arr[0][0];
//直接输出相当于返回
"text-align: center">
输入不存在的用户名：

再来写一个登入：
登入页面的代码：


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="/UploadFiles/2021-04-02/jquery-1.11.2.min.js">

接下来是登入处理页面：


<"db.class.php");
$db = new db();
$zhang = $_POST["zhang"];
$mi = $_POST["mi"];
//取值
$sql = "select mi from mydb WHERE zhang = '{$zhang}'";
$arr = $db->Query($sql);
if($arr[0][0]==$mi && !empty($mi))
{
  echo "ok";
}
else
  {
    echo "no";
  }
"text-align: center">
输入的对就跳转：

用Ajax写登入的好处就是提示错误的时候不用跳到别的页面。
以上所述是小编给大家介绍的Ajax基础与登入教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

                                
                                
                                    ajax,基础与登入 
                                
                                    标签：
                                        ajax,基础与登入
                                     

                                天枫庄资源网 Design By www.wosibo.com