JavaScript を使用して PHP ページからより多くの情報を抽出する

Question

ページを常にリロードすることなく、ページの特定の部分を自動的に更新するために、このコードをプラットフォームに実装しました。データの一部を更新したいだけの場合は、すべてが正常に機能します。実際、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 ページです。

<?php

'../config.php' を含めます。

// 接続を確認する
if ($conn->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 番目のクエリなどの結果もインポートする必要があります...

Answer 1

ページの複数の部分をさまざまなクエリからのデータで更新するには、それに応じて JavaScript コードと PHP コードを変更します。できることは次のとおりです:

PHP スクリプト (caricaNumeri.php) を変更して、両方のクエリの結果を含む JSON オブジェクトを返します:

php

リーリー

PHP スクリプトから返される複数のデータ フラグメントを処理できるように JavaScript コードを変更します。

javascript

リーリー

HTML を更新して 2 番目のデータのプレースホルダーを含めます:

html

リーリー

ここで caricaNumeri 関数を実行すると、サーバーから 2 つのデータ フラグメントが取得され、ページの対応する部分が更新されます。データを更新する頻度に応じて間隔（setInterval）を調整してください。