jQuery AJAX を使用して MySQL データを効率的に取得する方法-PHPチュートリアル-php.cn

jQuery AJAX を使用して MySQL データを効率的に取得する方法

Susan Sarandon

リリース： 2024-12-03 08:20:09

オリジナル

353 人が閲覧しました

How to Efficiently Retrieve MySQL Data Using jQuery AJAX?

Jquery Ajax を使用した MySQL からのデータの取得

Ajax と Jquery を使用して MySQL テーブルからレコードのみを表示したい場合は、さらに次の方法があります。現状への効率的なアプローチ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>

ログイン後にコピー

Records.php:

MySQL からレコードを取得するためのコード一般的には正しいです。ただし、更新された list.php で動作させるには、いくつかの調整が必要です。

<?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>";
?>

ログイン後にコピー

このスクリプトでは、出力を HTML table タグで囲み、不要な PHP タグを削除しました。

mysqli 接続を使用するには、次のようにコードを変更することもできます:

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

ログイン後にコピー

以上がjQuery AJAX を使用して MySQL データを効率的に取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。