关于AJAX的基础操做

时间 2019-11-17

标签关于 ajax 基础栏目 Ajax 繁體版

原文原文链接

AJAX开发

AJAX即“ A synchronous J avascript And X ML”（异步JavaScript和XML），是指一种建立交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和 XML（标准通用标记语言的子集）。

AJAX 是一种用于建立快速动态网页的技术。

经过在后台与服务器进行少许数据交换，AJAX 能够使网页实现异步更新。这意味着能够在不从新加载整个网页的状况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）若是须要更新内容，必须重载整个网页页面。

AJAX的应用实例

1.注册界面用户名的提示

效果如图：

代码以下：php

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="bootstrap/js/jquery-1.11.2.min.js"></script>
   </head>
   <body>
       <input type="text" id="uid" />
       <span id="test"></span>

   </body>
   <script>
//Ajax
//用户注册名提示
$("#uid").blur(function(){
   //取用户名
   var uid = $(this).val();
   //去数据库看用户是否存在
   $.ajax({
       url:"yhmchuli.php",       //处理页面
       data:{u:uid},       //传递数据；前为名，后为值
       type:"POST",   //数据提交方式
       dataType:"TEXT",   //返回的数据类型
       success:function(data){       //回调函数
           if(data.trim()=="ok"){       //trim()去掉php文件先后空格
               $("#test").text("该用户名能够使用!");
               $("#test").css("color","green");
           }else{
               $("#test").text("用户名已存在!");
               $("#test").css("color","red");
           }
       }
   });
})

</script>
</html>

php处理页面

<?php $uid = $_POST["u"]; require_once "./DBDA.class.php"; $db = new DBDA(); $sql = "select count(*) from users where uid='{$uid}'"; $arr = $db->query($sql,0); if($arr[0][0]){//用户名存在 echo "no"; }else{ echo "ok"; }