JavaScript를 사용하여 PHP 페이지에서 더 많은 정보 추출

Question

페이지를 지속적으로 다시 로드하지 않고도 페이지의 특정 부분을 자동으로 업데이트하기 위해 플랫폼에 이 코드를 구현했습니다. 데이터 조각만 업데이트하려는 경우에는 모든 것이 잘 작동합니다. 실제로 PHP 페이지에는 다양한 섹션을 채우는 여러 쿼리가 포함되어 있습니다. 모든 쿼리에 대한 데이터 결과를 어떻게 보고합니까? 이것은 index.php의 JS 코드입니다:

function nLettere() {
  var xhttp = 새로운 XMLHttpRequest();
  xhttp.onreadystatechange = 함수() {
    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(함수(){
  nLettere();
}, 1);

다음은 데이터베이스에 쿼리를 보내는 PHP 페이지입니다.

<?php

'../config.php'를 포함합니다;

// 연결 확인
if ($conn->connect_error) {
  die("연결 실패: " . $conn->connect_error);
}

$query = "indirizzi에서 총계로 SELECT COUNT(id)";
$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 = "앙코라 네수나(Ancora nessuna per ora)!";
}

?>

현재 이 코드는 첫 번째 쿼리의 결과인 하나의 데이터에만 작동합니다. 하지만 두 번째 쿼리의 결과도 가져와야 하는 등...

Answer 1

다양한 쿼리의 데이터로 페이지의 여러 부분을 업데이트하려면 그에 따라 JavaScript 코드와 PHP 코드를 수정하면 됩니다. 할 수 있는 일은 다음과 같습니다:

두 쿼리의 결과가 포함된 JSON 개체를 반환하도록 PHP 스크립트(caricaNumeri.php)를 수정하세요.

php

으아아아

PHP 스크립트에서 반환된 여러 데이터 조각을 처리하도록 JavaScript 코드를 수정하세요.

자바스크립트

으아아아

두 번째 데이터에 대한 자리 표시자를 포함하도록 HTML을 업데이트하세요.

html

으아아아

이제 caricaNumeri 함수를 실행하면 서버에서 두 개의 데이터 조각을 가져와 페이지의 해당 부분을 업데이트합니다. 데이터 업데이트 빈도에 따라 간격(setInterval)을 조정하세요.