PHP和AJAXresponseXML實例-6.6PHP和AJAX
AJAX 可用于以 XML 返回數據庫信息。
創新互聯建站從2013年創立，是專業互聯網技術服務公司，擁有項目網站設計、成都網站設計網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元恩施土家做網站,已為上家服務,為恩施土家各地企業和個人服務,聯系電話:028-86922220
在下面的 AJAX 實例中，我們將演示網頁如何從 MySQL 數據庫中讀取信息，把數據轉換為 XML 文檔，并在不同的地方使用這個文檔來顯示信息。
本例與上一節中的 "PHP AJAX Database" 這個例子很相似，不過有一個很大的不同：在本例中，我們通過使用 responseXML 函數從 PHP 頁面得到的是 XML 形式的數據。
把 XML 文檔作為響應來接收，使我們有能力更新頁面的多個位置，而不僅僅是接收一個 PHP 輸出并顯示出來。
在本例中，我們將使用從數據庫接收到的信息來更新多個 <span> 元素。
此列由四個元素組成：
MySQL 數據庫簡單的 HTML 表單JavaScriptPHP 頁面將在本例中使用的數據庫看起來類似這樣：
id FirstName LastName Age Hometown Job 1 Peter Griffin 41 Quahog Brewery 2 Lois Griffin 40 Newport Piano Teacher 3 Joseph Swanson 39 Quahog Police Officer 4 Glenn Quagmire 41 Quahog Pilot上面的例子包含了一個簡單的 HTML 表單，以及指向 JavaScript 的鏈接：
<html><head><script src="responsexml.js"></script></head><body><form> Select a User:<select name="users" onchange="showUser(this.value)"><option value="1">Peter Griffin</option><option value="2">Lois Griffin</option><option value="3">Glenn Quagmire</option><option value="4">Joseph Swanson</option></select></form><h2><span id="firstname"></span> <span id="lastname"></span></h2><span id="job"></span><div style="text-align: right"><span id="age_text"></span><span id="age"></span><span id="hometown_text"></span><span id="hometown"></span></div></body></html> 例子解釋 - HTML 表單 HTML 表單是一個下拉列表，其 name 屬性的值是 "users"，可選項的值與數據庫的 id 字段相對應表單下面有幾個 <span> 元素，它們用作我們所接收到的不同的值的占位符當用戶選擇了具體的選項，函數 "showUser()" 就會執行。該函數的執行由 "onchange" 事件觸發換句話說，每當用戶在下拉列表中改變了值，函數 showUser() 就會執行，并在指定的 <span> 元素中輸出結果。
這是存儲在文件 "responsexml.js" 中的 JavaScript 代碼：
var xmlHttpfunction showUser(str) { xmlHttp=GetXmlHttpObject() if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return } var url="responsexml.php" url=url+"?q="+str url=url+"&sid="+Math.random() xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true) xmlHttp.send(null) }function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ xmlDoc=xmlHttp.responseXML; document.getElementById("firstname").innerHTML= xmlDoc.getElementsByTagName("firstname")[0].childNodes[0].nodeValue; document.getElementById("lastname").innerHTML= xmlDoc.getElementsByTagName("lastname")[0].childNodes[0].nodeValue; document.getElementById("job").innerHTML= xmlDoc.getElementsByTagName("job")[0].childNodes[0].nodeValue; document.getElementById("age_text").innerHTML="Age: "; document.getElementById("age").innerHTML= xmlDoc.getElementsByTagName("age")[0].childNodes[0].nodeValue; document.getElementById("hometown_text").innerHTML="<br/>From: "; document.getElementById("hometown").innerHTML= xmlDoc.getElementsByTagName("hometown")[0].childNodes[0].nodeValue; }}function GetXmlHttpObject() { var objXMLHttp=null if (window.XMLHttpRequest) { objXMLHttp=new XMLHttpRequest() } else if (window.ActiveXObject) { objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP") } return objXMLHttp } 例子解釋：showUser() 與 GetXmlHttpObject 函數與 PHP 和 AJAX MySQL 數據庫實例這一節中的例子是相同的。您可以參閱其中的相關解釋。
stateChanged() 函數如果選擇了下拉列表中的項目，該函數執行：
通過使用 responseXML 函數，把 "xmlDoc" 變量定義為一個 XML 文檔從這個 XML 文檔中取回數據，把它們放在正確的 "span" 元素中這個由 JavaScript 調用的服務器頁面，是一個名為 "responsexml.php" 的簡單的 PHP 文件。
該頁面由 PHP 編寫，并使用 MySQL 數據庫。
代碼會運行一段針對數據庫的 SQL 查詢，并以 XML 文檔返回結果：
<?phpheader('Content-Type: text/xml');header("Cache-Control: no-cache, must-revalidate");//A date in the pastheader("Expires: Mon, 26 Jul 1997 05:00:00 GMT");$q=$_GET["q"];$con = mysql_connect('localhost', 'peter', 'abc123');if (!$con) { die('Could not connect: ' . mysql_error()); }mysql_select_db("ajax_demo", $con);$sql="SELECT * FROM user WHERE id = ".$q."";$result = mysql_query($sql);echo '<?xml version="1.0" encoding="ISO-8859-1"?><person>';while($row = mysql_fetch_array($result)) { echo "<firstname>" . $row['FirstName'] . "</firstname>"; echo "<lastname>" . $row['LastName'] . "</lastname>"; echo "<age>" . $row['Age'] . "</age>"; echo "<hometown>" . $row['Hometown'] . "</hometown>"; echo "<job>" . $row['Job'] . "</job>"; }echo "</person>";mysql_close($con);?> 例子解釋：當查詢從 JavaScript 送達 PHP 頁面時，會發生：
PHP 文檔的 content-type 被設置為 "text/xml"PHP 文檔被設置為 "no-cache"，以防止緩存用 HTML 頁面送來的數據設置 $q 變量PHP 打開與 MySQL 服務器的連接找到帶有指定 id 的 "user"以 XML 文檔輸出數據
文章標題：PHP和AJAXresponseXML實例-6.6PHP和AJAX
網站地址：http://www.js-pz168.com/article34/dghhose.html
成都網站建設公司_創新互聯，為您提供移動網站建設、用戶體驗、商城網站、軟件開發、網站設計、網站建設
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
- 網站制作需要注意的3個方面 2022-12-19
- 網站制作淺談網站常見盈利方式 2021-10-15
- 微信公眾號有哪些變現困局？ 2014-05-21
- 微信公眾號運營的方法是什么？ 2014-05-30
- 通州網站建設-北京網站建設公司-營銷型網站制作 2021-04-11
- 網站制作到底要不要動畫引導頁 2022-06-15
- 小程序與APP的區別-APP和小程序的區別大不大？ 2016-11-09
- 母嬰用品網站分析及網站制作解決方案 2023-03-19
- 成都網站制作是如何制作一個網站的？ 2013-06-29
- 網站制作與可擴展性的關系 2022-02-15
- 成都網站建設之網站制作基礎知識！ 2016-10-26
- 深圳網站制作關于網頁設計的顏色運用技巧 2021-10-04