Maison > développement back-end > tutoriel php > À propos des opérations de base d'AJAX

À propos des opérations de base d'AJAX

一个新手
Libérer: 2023-03-16 12:40:01
original
1177 Les gens l'ont consulté

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=&#39; {
    $uid
}
&#39;";
    $arr = $db->query($sql,0);
    if($arr[0][0]) {
    //用户名存在 echo "no";
}
else {
    echo "ok";
}
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal