Hello, Tom!
二、使用 PHP 和 div 生成動態(tài)列表
在實際開發(fā)中，經(jīng)常需要根據(jù)數(shù)據(jù)庫中的數(shù)據(jù)動態(tài)生成列表。此時可以利用PHP和div來生成動態(tài)的HTML代碼。以下是一個簡單的示例，可根據(jù)查詢結(jié)果生成動態(tài)列表：<?php
//連接數(shù)據(jù)庫
$conn = mysqli_connect("localhost","root","123456","test");
//查詢
$sql = "SELECT * FROM users";
$result = mysqli_query($conn, $sql);
//生成動態(tài)列表
echo "<div>";
while($row = mysqli_fetch_array($result)) {
echo "<ul>";
echo "<li>".$row['id']."-".$row['name']."三、使用 AJAX 和 div 進行無刷新更新
在一些Web應(yīng)用中，經(jīng)常需要在不刷新整個頁面的情況下，更新某些頁面元素，此時可以使用AJAX技術(shù)與div進行連接。下面是一段簡單的AJAX代碼，可以使頁面每5秒鐘更新一次內(nèi)容：<div id="update">現(xiàn)在的時間是：</div>
<script>
setInterval(function(){
var xmlhttp;
if (window.XMLHttpRequest) {
// 兼容 IE7+, Firefox, Chrome, Opera, Safari 的代碼
xmlhttp = new XMLHttpRequest();
} else {
// 兼容 IE6, IE5 的代碼
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("update").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","gettime.php",true);
xmlhttp.send();
},5000);
</script>在此代碼中，我們將頁面內(nèi)容更新的代碼寫在了一個div中，并使用了JavaScript定時器setInterval，將每5秒鐘向服務(wù)器請求一次時間，并將響應(yīng)內(nèi)容更新在div中。
總結(jié)
在實際開發(fā)中，將div與PHP連接起來是一個基本功，也是實現(xiàn)動態(tài)交互的重要手段。上面只是一個簡單的入門指導(dǎo)，如果在實際開發(fā)中需要更豐富、復(fù)雜的交互，還需要深入學(xué)習(xí)相關(guān)技術(shù)和語言。下一篇div 加載php