PHP-AJAX 與 MySQL
AJAX 可用來與資料庫進行互動式通信。
AJAX 資料庫實例
下面的實例將演示網頁如何通過 AJAX 從資料庫讀取信息：
本教程使用到的 Websites 表 SQL 文件：websites.sql。
實例
選擇對應選項，用戶信息會顯示在這……
實例解釋 - MySQL 資料庫
在上面的實例中，我們使用的資料庫表如下所示：
mysql> select * from websites;+----+--------------+---------------------------+-------+---------+| id | name | url | alexa | country |+----+--------------+---------------------------+-------+---------+| 1 | Google | https://www.google.cm/ | 1 | USA || 2 | 淘寶 | https://www.taobao.com/ | 13 | CN || 3 | 菜鳥教程 | http://www.runoob.com/ | 4689 | CN || 4 | 微博 | http://weibo.com/ | 20 | CN || 5 | Facebook | https://www.facebook.com/ | 3 | USA |+----+--------------+---------------------------+-------+---------+5 rows in set (0.01 sec)
實例解釋 - HTML 頁面
當用戶在上面的下拉列表中選擇某位用戶時，會執行名為 "showSite()" 的函數。該函數由 "onchange" 事件觸發：
test.html 文件代碼:
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title><script>
functionshowSite(str){if(str==""){document.getElementById("txtHint").innerHTML=""; return; }if(window.XMLHttpRequest){// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行代碼xmlhttp=newXMLHttpRequest(); }else{// IE6, IE5 瀏覽器執行代碼xmlhttp=newActiveXObject("Microsoft.XMLHTTP"); }xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4 && xmlhttp.status==200){document.getElementById("txtHint").innerHTML=xmlhttp.responseText; }}xmlhttp.open("GET","getsite_mysql.php?q="+str,true); xmlhttp.send();}
</script></head><body><form><selectname="users"onchange="showSite(this.value)"><optionvalue="">選擇一個網站:</option><optionvalue="1">Google</option><optionvalue="2">淘寶</option><optionvalue="3">菜鳥教程</option><optionvalue="4">微博</option><optionvalue="5">Facebook</option></select></form><br><divid="txtHint"><b>網站信息顯示在這裡……</b></div></body></html>
showSite() 函數會執行以下步驟：
檢查是否有網站被選擇
創建 XMLHttpRequest 對象
創建在伺服器響應就緒時執行的函數
向伺服器上的文件發送請求
請注意添加到 URL 末端的參數（q）（包含下拉列表的內容）
PHP 文件
上面這段通過 JavaScript 調用的伺服器頁面是名為 "getsite_mysql.php" 的 PHP 文件。
"getsite_mysql.php" 中的源代碼會運行一次針對 MySQL 資料庫的查詢，然後在 HTML 表格中返回結果：
getsite_mysql.php 文件代碼:
<?php$q = isset($_GET["q"]) ? intval($_GET["q"]) : "";
if(empty($q)){echo"請選擇一個網站"; exit;}$con = mysqli_connect("localhost","root","123456");if(!$con){die("Could not connect: " . mysqli_error($con));}// 選擇資料庫mysqli_select_db($con,"test");// 設置編碼，防止中文亂碼mysqli_set_charset($con, "utf8");
$sql="SELECT * FROM Websites WHERE id = "".$q.""";
$result = mysqli_query($con,$sql);
echo"<table border="1">
<tr>
<th>ID</th>
<th>網站名</th>
<th>網站 URL</th>
<th>Alexa 排名</th>
<th>國家</th>
</tr>";
while($row = mysqli_fetch_array($result)){echo"<tr>"; echo"<td>" . $row["id"] . "</td>"; echo"<td>" . $row["name"] . "</td>"; echo"<td>" . $row["url"] . "</td>"; echo"<td>" . $row["alexa"] . "</td>"; echo"<td>" . $row["country"] . "</td>"; echo"</tr>";}echo"</table>";
mysqli_close($con);?>
解釋：當查詢從 JavaScript 發送到 PHP 文件時，將發生：
PHP 打開一個到 MySQL 資料庫的連接
找到選中的用戶
創建 HTML 表格，填充數據，並發送回 "txtHint" 佔位符
※PHP-AJAX 與 PHP
※PHP編程 SimpleXML
※PHP 編程XML DOM
※PHP編程 MySQL Update
TAG:程序員小新人學習 |
※PHP程序的JSON
※PHP 解析 XML
※PHP-Beast 加密你的PHP源代碼
※Linux部署Nginx＋Mysql＋PHP＋PHPMyAdmin4環境
※追月，Linux雲伺服器編譯安裝最新Apache、PHP和MySQL
※PHP HTTP客戶端-Guzzle原理解析
※MySQL運維實戰之PHP訪問MySQL，你使用對了嗎？
※Linux查看Nginx、Apache、MySQL、PHP的編譯參數
※PHP 使用 Redis
※幾張圖為你分析HTML、JS與PHP之間的數據傳輸
※PHP MySql 分頁實例
※PHPRAP 1.0.0 發布，打造PHP版API介面管理系統！
※Web Pages 編程 PHP
※Docker 安裝 PHP
※Zttp-一個基於 Guzzle Http 的更好用的 PHP HTTP Package
※PHP Session 封裝類
※PHP 8 中確認支持 JIT！
※ThinkPHP 5.1.x SQL注入漏洞分析
※PPython：PHP 擁抱 Python 的利器
※高性能的 PHP 封裝的 HTTP Restful 多線程並發請求庫-MultiHttp