為了在不必不斷重新載入頁面的情況下自動更新頁面的某個部分,我已經在平台上實作了這段程式碼。如果只是想更新一個資料片段,一切都正常工作,實際上php頁麵包含了多個查詢,用於填充不同的部分。我如何報告所有查詢的資料結果? 這是index.php中的JS程式碼:
function nLettere() { var xhttp = new 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(function(){ nLettere(); }, 1);
這是向資料庫發送查詢的PHP頁面:
connect_error) { die("Connection failed: " . $conn->connect_error); } $query = "SELECT COUNT(id) AS totale FROM indirizzi"; $risultato = $conn->query($query); if ($risultato->num_rows > 0) { // output data of each row while($row = $risultato->fetch_assoc()) { $numero = $row["totale"]; } } else { $numero = "Ancora nessuna per ora!"; } $query = "SELECT COUNT(stato) AS daConsegnare FROM indirizzi WHERE stato = ''"; $risultato = $conn->query($query); if ($risultato->num_rows > 0) { // output data of each row while($row = $risultato->fetch_assoc()) { $daConsegnare = $row["daConsegnare"]; } } else { $daConsegnare = "Ancora nessuna per ora!"; } ?>
目前這段程式碼只適用於一個資料片段,也就是第一個查詢的結果。但我還需要導入第二個查詢的結果等等...
要使用不同查詢的資料更新頁面的多個部分,您可以相應地修改JavaScript程式碼和PHP程式碼。以下是您可以執行的操作:
修改您的PHP腳本(caricaNumeri.php),以傳回包含兩個查詢結果的JSON物件:
php
修改您的JavaScript程式碼以處理PHP腳本傳回的多個資料片段:
javascript
更新您的HTML,包含第二個資料的佔位符:
html
現在,當您執行caricaNumeri函數時,它將從伺服器取得兩個資料片段並更新頁面的相應部分。請根據您希望資料更新的頻率調整間隔時間(setInterval)。