Maison > Article > développement back-end > Opérations de base liées à AJAX

Opérations de base liées à AJAX

一个新手original: 2017-09-14 09:16:041095parcourir

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>

Page de traitement 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";
}

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!

Déclaration：

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

Article précédent：Un exemple de conversion de dates publiques et lunaires en PHPArticle suivant：Un exemple de conversion de dates publiques et lunaires en PHP

Articles Liés

Voir plus