Grundlegende Operationen im Zusammenhang mit AJAX-PHP-Tutorial-php.cn

Grundlegende Operationen im Zusammenhang mit AJAX

一个新手

Freigeben： 2023-03-16 06:32:02

Original

1102 Leute haben es durchsucht

AJAX-Entwicklung

AJAX ist „Asynchrones Javascript Aund „XML“ (asynchrones JavaScript und XML) bezeichnet eine Webentwicklungstechnologie zur Erstellung interaktiver Webanwendungen.

AJAX = Asynchrones JavaScript und XML (eine Teilmenge der Standard Universal Markup Language).

AJAX ist eine Technologie zur Erstellung schneller, dynamischer Webseiten.

AJAX ermöglicht die asynchrone Aktualisierung von Webseiten durch den Austausch einer kleinen Datenmenge mit dem Server im Hintergrund. Das bedeutet, dass Teile einer Webseite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss.

Herkömmliche Webseiten (die kein AJAX verwenden) müssen die gesamte Webseite neu laden, wenn der Inhalt aktualisiert werden muss.

AJAX-Anwendungsbeispiel

1. Aufforderung zur Eingabe des Benutzernamens in der Registrierungsoberfläche

Der Effekt ist wie folgt:

Der Code lautet wie folgt:

<!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>

Nach dem Login kopieren

PHP-Verarbeitungsseite

<?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";
}

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonGrundlegende Operationen im Zusammenhang mit AJAX. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!