Maison > Article > développement back-end > À propos des opérations de base d'AJAX
À propos des opérations de base d'AJAX
- 一个新手original
- 2017-09-28 13:42:321082parcourir
Développement AJAX
AJAX est "Asynchrone Javascript Aet « XML » (JavaScript et XML asynchrones) fait référence à une technologie de développement Web permettant de créer des applications Web interactives.
AJAX = JavaScript asynchrone et XML (un sous-ensemble du langage de balisage universel standard).
AJAX est une technologie permettant de créer des pages Web rapides et dynamiques.
AJAX permet de mettre à jour les pages Web de manière asynchrone en échangeant une petite quantité de données avec le serveur en arrière-plan. Cela signifie que certaines parties d'une page Web peuvent être mises à jour sans recharger la page entière.
Les pages Web traditionnelles (n'utilisant pas AJAX) doivent recharger la page Web entière si le contenu doit être mis à jour.
Exemple d'application AJAX
1. Demander le nom d'utilisateur dans l'interface d'enregistrement
L'effet est le suivant :
Le code est le suivant :
<!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";
}Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!