AJAX開發
AJAX即“Asynchronous Javascript And XML”(非同步JavaScript和XML),是指一種建立互動式網頁應用的網頁開發技術。
AJAX = 非同步 JavaScript和XML(標準通用標記語言 (SGML)的子集)。
AJAX 是一種用於建立快速動態網頁的技術。
通過在後台與伺服器進行少量資料交換,AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。
傳統的網頁(不使用 AJAX)如果需要更新內容,必須重載整個網頁頁面。
AJAX的應用執行個體
1.註冊介面使用者名稱的提示
效果
代碼如下:
<!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";}