ページを常にリロードすることなく、ページの特定の部分を自動的に更新するために、このコードをプラットフォームに実装しました。データの一部を更新したいだけの場合は、すべてが正常に機能します。実際、PHP ページには、さまざまなセクションを設定するための複数のクエリが含まれています。すべてのクエリのデータ結果をレポートするにはどうすればよいですか? これは、index.php の JS コードです。
function nLettere() { var xhttp = 新しい XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { const myObj = JSON.parse(this.responseText); document.getElementById("nLettere").innerHTML = this.responseText; } }; xhttp.open("GET", "script/caricaNumeri.php", true); xhttp.send(); } setInterval(関数(){ nLetter(); }、1); これは、データベースにクエリを送信する PHP ページです。
connect_error) { die("接続に失敗しました: " . $conn->connect_error); } $query = "SELECT COUNT(id) AS total FROM indirizzi"; $risultato = $conn->query($query); if ($risultato->num_rows > 0) { //各行のデータを出力する while($row = $risultato->fetch_assoc()) { $numero = $row["合計"]; } } それ以外 { $numero = "オラごとにアンコーラ ネスナ!"; } $query = "SELECT COUNT(stato) AS daConsegnare FROM indirizzi WHERE stato = ''"; $risultato = $conn->query($query); if ($risultato->num_rows > 0) { //各行のデータを出力する while($row = $risultato->fetch_assoc()) { $daConsegnare = $row["daConsegnare"]; } } それ以外 { $daConsegnare = "オラごとにアンコーラ ネスナ!"; } ?> 現在、このコードは 1 つのデータ (最初のクエリの結果) に対してのみ機能します。ただし、2 番目のクエリなどの結果もインポートする必要があります...
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ページの複数の部分をさまざまなクエリからのデータで更新するには、それに応じて JavaScript コードと PHP コードを変更します。できることは次のとおりです:
PHP スクリプト (caricaNumeri.php) を変更して、両方のクエリの結果を含む JSON オブジェクトを返します:
php
リーリーPHP スクリプトから返される複数のデータ フラグメントを処理できるように JavaScript コードを変更します。
javascriptリーリー
HTML を更新して 2 番目のデータのプレースホルダーを含めます: htmlリーリー
ここで caricaNumeri 関数を実行すると、サーバーから 2 つのデータ フラグメントが取得され、ページの対応する部分が更新されます。データを更新する頻度に応じて間隔（setInterval）を調整してください。