Maison  >  Article  >  développement back-end  >  Comment envoyer des données de requête PHP au front-end

Comment envoyer des données de requête PHP au front-end

PHPz
PHPzoriginal
2023-04-21 09:05:371436parcourir

PHP est un langage back-end couramment utilisé dans le développement Web. Parfois, il est nécessaire d'interroger les données de la base de données et de les transférer vers la page frontale afin que les utilisateurs puissent visualiser et utiliser les données. Dans cet article, nous présenterons comment interroger la base de données en PHP et transférer les données vers le front-end afin que vous puissiez développer des applications Web plus complexes.

1. Connectez-vous à la base de données

Avant d'utiliser PHP pour interroger la base de données, vous devez d'abord établir une connexion avec la base de données. La connexion à la base de données à l'aide de PHP peut être réalisée via les extensions mysqli et PDO de PHP. Les étapes spécifiques sont les suivantes :

  1. Utilisez l'extension mysqli pour vous connecter à la base de données :
$servername = "localhost"; // 数据库主机名
$username = "username"; // 数据库用户名
$password = "password"; // 数据库密码
$dbname = "myDB"; // 数据库名

// 创建连接
$conn = mysqli_connect($servername, $username, $password, $dbname);

// 检查连接是否成功
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}
  1. Utilisez l'extension PDO pour vous connecter à la base de données :
$servername = "localhost"; // 数据库主机名
$username = "username"; // 数据库用户名
$password = "password"; // 数据库密码
$dbname = "myDB"; // 数据库名

// 创建连接
try {
    $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
    // 设置 PDO 错误模式为异常
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    echo "Connected successfully";
} catch(PDOException $e) {
    echo "Connection failed: " . $e->getMessage();
}

2. Interrogez les données

Après une connexion réussie à la base de données, vous pouvez effectuer une requête de données. L'interrogation de la base de données à l'aide de PHP peut être réalisée via les extensions mysqli et PDO. Les étapes spécifiques sont les suivantes :

  1. Utilisez l'extension mysqli pour interroger les données :
$sql = "SELECT id, name, email FROM users";
$result = mysqli_query($conn, $sql);

if (mysqli_num_rows($result) > 0) {
    // 输出数据
    while($row = mysqli_fetch_assoc($result)) {
        echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Email: " . $row["email"]. "<br>";
    }
} else {
    echo "0 results";
}
  1. Utilisez l'extension PDO pour interroger les données :
$sql = "SELECT id, name, email FROM users";
$result = $conn->query($sql);

if ($result->rowCount() > 0) {
    // 输出数据
    while($row = $result->fetch()) {
        echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Email: " . $row["email"]. "<br>";
    }
} else {
    echo "0 results";
}

Le code ci-dessus interrogera les valeurs des champs identifiant, nom et e-mail de la table de base de données nommée "users" . Si les données sont interrogées, les données seront sorties vers le front-end. Si aucune donnée n’est trouvée, « 0 résultat » est affiché.

3. Envoyer les données au front-end

Après avoir interrogé les données, vous devez les envoyer à la page front-end. En PHP, les données peuvent être transmises au frontend via le format JSON. Les étapes spécifiques sont les suivantes :

  1. Encoder les données au format JSON :
$sql = "SELECT id, name, email FROM users";
$result = mysqli_query($conn, $sql);

$data = array();
if(mysqli_num_rows($result) > 0) {
    while($row = mysqli_fetch_assoc($result)) {
        $data[] = $row;
    }
}

$json = json_encode($data);
  1. Transmettre les données JSON au front-end :

Grâce à la technologie AJAX, les données côté serveur peuvent être transférées au front-end -end de manière asynchrone, ce qui permet à la page frontale d'afficher plus rapidement les données.

<script>
    var xmlhttp = new XMLHttpRequest();
    var url = "getdata.php";

    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var data = JSON.parse(this.responseText);
            // 将数据渲染至前端页面
            // ...
        }
    };

    xmlhttp.open("GET", url, true);
    xmlhttp.send();
</script>

Le code ci-dessus obtiendra les données au format JSON à partir du fichier nommé "getdata.php" et restituera les données sur la page frontale.

Conclusion

Grâce à l'introduction de cet article, vous avez appris à vous connecter à la base de données, à interroger des données et à transférer des données vers la page front-end en PHP. Dans le même temps, nous avons également introduit des méthodes courantes d'utilisation de JSON pour transférer des données. Désormais, vous pouvez utiliser ces techniques pour développer des applications Web plus complexes.

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