Maison > Article > développement back-end > Comment implémenter js en appelant des fichiers php

Comment implémenter js en appelant des fichiers php

PHPzoriginal: 2023-04-19 09:15:421620parcourir

Avec le développement continu de la technologie Internet, de plus en plus de sites Web doivent implémenter JavaScript pour appeler des fichiers PHP afin d'obtenir une interaction de données front-end et back-end. Cet article explique comment implémenter JS pour appeler des fichiers PHP.

1. JS appelle des fichiers PHP

JS appelle des fichiers PHP principalement via la technologie Ajax. Ajax (Asynchronous JavaScript And XML) est une technologie de développement d'applications Web qui utilise des mécanismes asynchrones pour actualiser les pages de manière asynchrone et améliorer l'expérience utilisateur. Pour appeler des fichiers PHP en JS, vous devez utiliser l'objet XMLHttpRequest.

2. Objet XMLHttpRequest

L'objet XMLHttpRequest est un objet intégré en JavaScript, grâce auquel une communication asynchrone avec le serveur peut être réalisée. L'objet XMLHttpRequest a les attributs et méthodes suivants :

1.open() : Créez une nouvelle requête HTTP et spécifiez la méthode de requête, l'adresse URL et si la transmission est asynchrone.

2.setRequestHeader() : définit les informations d'en-tête de la demande.

3.send() : envoyer une requête HTTP.

4.onreadystatechange() : Fonction de rappel lors d'une demande de changement d'état.

3. Exemple de démonstration

Ce qui suit est un morceau de code pour montrer comment implémenter JS pour appeler des fichiers PHP :

1 Créez d'abord un fichier HTML, comme indiqué ci-dessous :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS调用PHP文件</title>
<script type="text/javascript">
function load(){
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
      document.getElementById("myDiv").innerHTML=xhr.responseText;
    }
  }
  xhr.open("POST","demo.php",true);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.send("name=Peter&age=18");
}
</script>
</head>
<body>

<div id="myDiv"><h1>点击下面的按钮，加载PHP文件内容</h1></div>

<input type="button" value="点击加载PHP文件内容" onclick="load()">
</body>
</html>

2. dans le même répertoire.php, le code du fichier est le suivant :

<?php
$name=$_POST[&#39;name&#39;];
$age=$_POST[&#39;age&#39;];
echo "您好，".$name."，您的年龄是".$age."岁。";
?>

3. Ouvrez le fichier HTML dans le navigateur et cliquez sur le bouton pour charger le contenu dans le fichier demo.php. Les paramètres transmis sont obtenus dans le fichier demo.php, le contenu correspondant est généré en fonction des paramètres et affiché via l'instruction echo.

4. Notes

1. Lors de l'écriture d'un fichier PHP, vous devez utiliser l'instruction echo pour afficher le contenu généré afin que JS puisse obtenir les données.

2. Lors de l'appel d'un fichier PHP en JS, vous devez spécifier la méthode de requête (GET ou POST), l'adresse URL, les paramètres transmis et d'autres informations.

3. Dans le fichier PHP, vous devez utiliser $_POST, $_GET et d'autres variables pour obtenir les valeurs des paramètres transmises par JS.

4. Lors de l'appel d'un fichier PHP, vous devez attendre la réponse du serveur, vous devez donc définir une fonction de rappel dans JS pour recevoir les résultats du traitement après la réponse du serveur.

5. Résumé

Grâce à l'introduction de cet article, nous avons appris comment implémenter JS pour appeler des fichiers PHP, principalement via la technologie Ajax. Pendant le processus d'implémentation, vous devez prêter attention à des détails tels que la forme de transmission des paramètres, la manière d'écrire les fichiers PHP et l'implémentation des fonctions de rappel. Pour les sites Web qui doivent réaliser une interaction de données frontales et back-end, cette méthode peut améliorer la vitesse de réponse de la page et améliorer l'expérience utilisateur.

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：Comment améliorer l'efficacité lors de l'exécution de requêtes à deux tables en PHPArticle suivant：Comment améliorer l'efficacité lors de l'exécution de requêtes à deux tables en PHP

Articles Liés

Voir plus