AJAX 可與 XML 文件進行交互式通信。
創新互聯專業為企業提供高平網站建設、高平做網站、高平網站設計、高平網站制作等企業網站建設、網頁設計與制作、高平企業網站模板建站服務,十多年高平做網站經驗,不只是建網站,更提供有價值的思路和整體網絡服務。
在下面的 AJAX 實例中,我們將演示網頁如何使用 AJAX 技術從 XML 文件中讀取信息。
選擇 CD: Bob Dylan Bonnie Tyler Dolly Parton
本例包括三張頁面:
一個簡單 HTML 表單一個 XML 文件一個 JavaScript 文件一張 PHP 頁面上面的例子包含了一張簡單的 HTML 表單,以及指向 JavaScript 的鏈接:
<html><head><script src="selectcd.js"></script></head><body><form> Select a CD:<select name="cds" onchange="showCD(this.value)"><option value="Bob Dylan">Bob Dylan</option><option value="Bee Gees">Bee Gees</option><option value="Cat Stevens">Cat Stevens</option></select></form><p><div id="txtHint"><b>CD info will be listed here.</b></div></p></body></html> 例子解釋:正如您看到的,它僅僅是一張簡單的 HTML 表單,其中帶有名為 "cds" 的下拉列表。
表單下面的段落包含了一個名為 "txtHint" 的 div。這個 div 用作從 web 服務器檢索到的數據的占位符。
當用戶選擇數據時,會執行名為 "showCD" 的函數。這個函數的執行是由 "onchange" 事件觸發的。
換句話說,每當用戶改變了下拉列表中的值,就會調用 showCD 函數。
XML 文件是 "cd_catalog.xml"。該文件中包含了有關 CD 收藏的數據。
這是存儲在 "selectcd.js" 文件中的 JavaScript 代碼:
var xmlHttpfunction showCD(str){ xmlHttp=GetXmlHttpObject()if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return } var url="getcd.php"url=url+"?q="+strurl=url+"&sid="+Math.random()xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true)xmlHttp.send(null)}function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { document.getElementById("txtHint").innerHTML=xmlHttp.responseText } }function GetXmlHttpObject(){var xmlHttp=null;try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } }return xmlHttp;} 例子解釋:stateChanged() 和 GetXmlHttpObject 函數與上一節中的相同,您可以參閱上一頁中的相關解釋。
showCD() 函數假如選擇了下拉列表中的某個項目,則函數執行:
調用 GetXmlHttpObject 函數來創建 XMLHTTP 對象定義發送到服務器的 URL(文件名)向 URL 添加帶有下拉列表內容的參數 (q)添加一個隨機數,以防服務器使用緩存的文件當觸發事件時調用 stateChanged通過給定的 URL 打開 XMLHTTP 對象向服務器發送 HTTP 請求這個被 JavaScript 調用的服務器頁面,是一個名為 "getcd.php" 的簡單 PHP 文件。
這張頁面是用 PHP 編寫的,使用 XML DOM 來加載 XML 文檔 "cd_catalog.xml"。
代碼運行針對 XML 文件的查詢,并以 HTML 返回結果:
<?php$q=$_GET["q"];$xmlDoc = new DOMDocument();$xmlDoc->load("cd_catalog.xml");$x=$xmlDoc->getElementsByTagName('ARTIST');for ($i=0; $i<=$x->length-1; $i++){//Process only element nodesif ($x->item($i)->nodeType==1) { if ($x->item($i)->childNodes->item(0)->nodeValue == $q) { $y=($x->item($i)->parentNode); } }}$cd=($y->childNodes);for ($i=0;$i<$cd->length;$i++){ //Process only element nodesif ($cd->item($i)->nodeType==1) { echo($cd->item($i)->nodeName); echo(": "); echo($cd->item($i)->childNodes->item(0)->nodeValue); echo("<br />"); } }?> 例子解釋當請求從 JavaScript 發送到 PHP 頁面時,發生:
PHP 創建 "cd_catalog.xml" 文件的 XML DOM 對象循環所有 "artist" 元素 (nodetypes = 1),查找與 JavaScript 所傳數據向匹配的名字找到 CD 包含的正確 artist輸出 album 的信息,并發送到 "txtHint" 占位符
網頁名稱:PHP和AJAXXML實例-6.4PHP和AJAX
本文路徑:http://vcdvsql.cn/article36/dghhosg.html
成都網站建設公司_創新互聯,為您提供網站設計公司、建站公司、軟件開發、網站設計、虛擬主機、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯