Maison > Article > développement back-end > Qu’est-ce qu’Ajax ? Comment ça marche ? Comment compléter la demande GET avec Ajax
Qu’est-ce qu’Ajax ? Comment ça marche ? Comment compléter la demande GET avec Ajax
- 慕斯original
- 2021-06-10 17:53:021917parcourir
L'article précédent vous présentait «Comment utiliser PHP pour implémenter la fonction de téléchargement d'avatar utilisateur ? (Introduction détaillée) ", cet article continue de vous présenter qu'est-ce que l'Ajax ? Comment ça marche ? Comment utiliser Ajax pour compléter une requête GET (avec code) a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère que cela sera utile à tout le monde.
Qu'est-ce que l'Ajax ?
L'argot Ajax est utilisé pour décrire un ensemble de technologies qui permettent aux navigateurs d'offrir aux utilisateurs une expérience de navigation plus naturelle. Avant Ajax, les sites Web obligeaient les utilisateurs à adopter un paradigme de soumission/attente/réaffichage, dans lequel les actions de l'utilisateur étaient toujours synchronisées avec le « temps de réflexion » du serveur. Ajax offre la possibilité de communiquer de manière asynchrone avec le serveur, libérant ainsi les utilisateurs du cycle demande/réponse. Avec Ajax, vous pouvez utiliser JavaScript et DHTML pour mettre à jour instantanément l'interface utilisateur lorsque l'utilisateur clique sur un bouton et adresser une requête asynchrone au serveur pour effectuer la mise à jour ou interroger la base de données. Lorsque la demande revient, vous pouvez utiliser JavaScript et CSS pour mettre à jour l'interface utilisateur en conséquence au lieu d'actualiser la page entière. Mieux encore, l'utilisateur ne sait même pas que le navigateur communique avec le serveur : le site Web semble réagir instantanément.
Ajax comprend :
* Représentation basée sur les normes XHTML et CSS
* Utiliser le modèle d'objet de document pour l'affichage et l'interaction dynamiques
* Utiliser XMLHttpRequest ; Communiquez de manière asynchrone avec le serveur ;
* Liez le tout à l'aide de JavaScript.
Comment fonctionne Ajax :
Le cœur d'Ajax est l'objet JavaScript XmlHttpRequest. Cet objet a été introduit pour la première fois dans Internet Explorer 5 et constitue une technologie qui prend en charge les requêtes asynchrones. En bref, XmlHttpRequest vous permet d'utiliser JavaScript pour envoyer des requêtes au serveur et gérer les réponses sans bloquer l'utilisateur.
Comment utiliser Ajax pour compléter une requête GET :
Tout d'abord, nous devons créer l'objet Ajax, puis nous devons créer un rappel pour le événement de requête.Cette partie consiste principalement à compléter deux La première partie consiste à obtenir les données de réponse du serveur La deuxième partie consiste à effectuer des opérations DOM sur la page actuelle, et ces opérations DOM ne sont rien de plus que des ajouts, des suppressions, des modifications et des modifications. opérations de requête en HTML. La troisième partie consiste à appeler Ajax. La méthode open crée une requête URL, et enfin la requête URL de l'utilisateur est envoyée au client. L'adresse URL qui complète la requête get a deux formats : premièrement : l'adresse actuellement demandée. Le script n'a pas de paramètres, par exemple cheat.php, donc ce script ne nécessite pas de paramètres de requête, le second nécessite simplement un point d'interrogation dans le script actuel et entrez la chaîne en fait, dans le développement réel, nous l'utilisons. Données au format JSON, mais nous obtenons les données. En substance, c'est toujours une chaîne, pour être précis, c'est une chaîne au format JSON
Nous créons d'abord un fichier HTML comme formulaire de connexion. un exemple : nommez-le login, et nous le soumettons en utilisant la méthode get. , nous créons deux champs dans le formulaire, l'un est : numéro de compte ; le second est : mot de passe, puis nous ajoutons un bouton de soumission,
<!DOCTYPE html>
<htmL>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
</head>
<body>
<div align=" cent'>
<h3>用户登录</h3>
<form action="check.php" method="get">
<p>帐号: <input type="text" name="name" id="name"></p>
<p>密码: <input type=" password" name=" password" id=" password"></p>
<p><input type=" submit" id=" submit" value=" 提交"></p>
</form>
</div>
</body>
</html><.>Le résultat du code est le suivant :
<script>
Var submit = document . getElementByIdC' submit'); //获取提交按钮
submit. onclick = function {
}
</script>Ensuite, nous créons un fichier PHP (check.php) Dans ce fichier, nous acceptons les données transmises depuis le formulaire, et nous les soumettons en mode get. Le script cible soumis est (check.php. ) Le code est le suivant : <?php echo '<pre class="brush:php;toolbar:false">'; print_r($_GET);
Tutoriel vidéo PHP"
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!