Comment implémenter js en appelant des fichiers php-Problème PHP-php.cn

Comment implémenter js en appelant des fichiers php

PHPz

Libérer： 2023-04-19 09:25:50

original

1622 Les gens l'ont consulté

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>

Copier après la connexion

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."岁。";
?>

Copier après la connexion

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!