關於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"; }

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。