關於AJAX的基礎操作
阿新 • • 發佈：2017-09-13
頁面 實現 11.2 select ext echo 網頁開發 boot 用戶名 
<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";
}
AJAX開發
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。 AJAX = 異步 JavaScript和XML（標準通用標記語言的子集）。 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";
}
關於AJAX的基礎操作