Über die grundlegenden Operationen von AJAX-PHP-Tutorial-php.cn

Über die grundlegenden Operationen von AJAX

一个新手

Freigeben： 2023-03-16 12:40:01

Original

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

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonÜber die grundlegenden Operationen von AJAX. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!