Comment récupérer efficacement des données MySQL à l'aide de jQuery AJAX ?-tutoriel php-php.cn

Comment récupérer efficacement des données MySQL à l'aide de jQuery AJAX ?

Susan Sarandon

Libérer： 2024-12-03 08:20:09

original

408 Les gens l'ont consulté

How to Efficiently Retrieve MySQL Data Using jQuery AJAX?

Récupération de données de MySQL à l'aide de Jquery Ajax

Si vous souhaitez afficher uniquement les enregistrements d'une table MySQL à l'aide d'Ajax et Jquery, il existe une méthode plus approche efficace de votre courant code :

list.php:

<html>
<head>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
    $(document).ready(function() {
        var response = '';
        $.ajax({
            type: "GET",
            url: "Records.php",
            async: false,
            success: function(text) {
                $("#div1").html(text);
            }
        });
    });
    </script>
</head>

<body>
    <div>

Copier après la connexion

Records.php:

Votre code pour récupérer des enregistrements depuis MySQL est généralement correct. Cependant, pour que cela fonctionne avec le list.php mis à jour, vous avez besoin de quelques ajustements :

<?php
$con = mysqli_connect("localhost","root","");
$dbs = mysqli_select_db("simple_ajax",$con);
$result = mysqli_query("select * from users");

echo "<table border='1'>";
echo "<tr><th>Name</th><th>Address</th></tr>";
while ($row = mysqli_fetch_array($result)) {
    echo "<tr><td>$row[1]</td><td>$row[2]</td></tr>";
}
echo "</table>";
?>

Copier après la connexion

Dans ce script, nous avons entouré la sortie dans des balises de tableau HTML et supprimé les balises PHP inutiles.

Pour utiliser la connexion mysqli, vous pouvez également modifier votre code comme suit :

$con = mysqli_connect("localhost","root","");
$dbs = mysqli_select_db("simple_ajax",$con);

Copier après la connexion

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!