在基于Mozilla的瀏覽器中使用XMLHttpRequest對(duì)象
發(fā)表時(shí)間：2023-08-16 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]IE通過(guò)允許開(kāi)發(fā)人員在Web頁(yè)面內(nèi)部使用安全的ActiveX組件擴(kuò)展自身的功能。微軟在無(wú)狀態(tài)連接方面的產(chǎn)品是XMLHTTP組件。使用XMLHTTP組件，開(kāi)發(fā)人員可以不用從當(dāng)前的Web頁(yè)面導(dǎo)航而直接傳...
IE通過(guò)允許開(kāi)發(fā)人員在Web頁(yè)面內(nèi)部使用安全的ActiveX組件擴(kuò)展自身的功能。微軟在無(wú)狀態(tài)連接方面的產(chǎn)品是XMLHTTP組件。
使用XMLHTTP組件，開(kāi)發(fā)人員可以不用從當(dāng)前的Web頁(yè)面導(dǎo)航而直接傳輸數(shù)據(jù)到服務(wù)器上或者從服務(wù)器取數(shù)據(jù)。這個(gè)功能是重要的，因?yàn)樗鼛椭鷾p少了無(wú)狀態(tài)連接的痛苦。它還可以排除下載冗余HTML的需要，從而提高進(jìn)程的速度。
Mozilla做出的回應(yīng)是創(chuàng)建它自己的繼承XML代理類：XMLHttpRequest類。對(duì)于大多數(shù)情況，XMLHttpRequest對(duì)象的行為很像XMLHTTP組件。這就意味著你可以使用很多與XMLHTTP組件相同的幫助信息。方法和屬性類似，然而，所有的方法和屬性都是以小寫字母開(kāi)頭，并且還有一些屬性不支持。
下面是一個(gè)使用eXtensible Binding Language（XBL）將一個(gè)行為綁定到一個(gè)<INPUT>元素來(lái)更新XML數(shù)據(jù)島的簡(jiǎn)單例子。數(shù)據(jù)被發(fā)送到服務(wù)器處理。
xml_http.asp:
<%@ Language=VBScript %>
<%
Response.Expires = -1
If Request("action") = "update" Then
Dim xml
Set xml = Server.CreateObject("MSXML2.DOMDocument")
xml.load Request
Response.Writexml.xml
Set xml = Nothing
Response.End
End If
%>
<html>
<head>
<style>
.linkedData {
-moz-binding: url(link_data.xml#link);
}
</style>
<script language="JavaScript">
<!--
function test() {
var xml = document.getElementById("xmlData");
if (xml != null) {
varxmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "xml_http.asp?action=update", false);
xmlhttp.send(xml.innerHTML);
alert(xmlhttp.responseText);
}
}
//-->
</script>
</head>
<body>
<xml id="xmlData" name="xmlData" style="visibility:hidden;">
<root>
<link_data/>
</root>
</xml>
<form id="thisForm" name="thisForm">
<input type="text" class="linkedData" name="txtLink" id="txtLink" size="25">
<br>
<input type="button" value="Test" onclick="test()">
</form>
</body>
</html>
link_data.xml:
<?xml version="1.0"?>
<xbl:bindingsxmlns:xbl="http://www.mozilla.org/xbl">
<xbl:binding id="link">
<xbl:handlers>
<xbl:handler event="change">
var xml = document.getElementById("xmlData");
var root = xml.childNodes[1];
varlink_data = root.childNodes[1];
link_data.childNodes[0].nodeValue = event.originalTarget.value;
</xbl:handler>
</xbl:handlers>
</xbl:binding>
</xbl:bindings>
xml_http.asp文件創(chuàng)建一個(gè)XML數(shù)據(jù)島，創(chuàng)建的數(shù)據(jù)島有一個(gè)重要節(jié)點(diǎn)：link_data。而且，這個(gè)HTML的表現(xiàn)會(huì)創(chuàng)建一個(gè)文本框和一個(gè)用于創(chuàng)建發(fā)送XML數(shù)據(jù)給服務(wù)器的事件的按鈕。
IE允許你嵌入XML數(shù)據(jù)島并使用那個(gè)數(shù)據(jù)島將綁定HTML元素到底層的數(shù)據(jù)。Mozilla靠XBL為每個(gè)元素創(chuàng)建行為。使用XBL，你可以為<INPUT>元素創(chuàng)建一個(gè)行為，所以在onChange事件發(fā)生時(shí)，“bound”XML節(jié)點(diǎn)就能夠被更新。“l(fā)inkedData”樣式類通知Mozilla文件link_data.xml將要被用來(lái)創(chuàng)建綁定。這個(gè)類是在<INPUT TYPE=”text” … >元素中使用的。
如果你分析link_data.xml的代碼，你會(huì)注意到onchange事件處理程序只是簡(jiǎn)單地獲取XML數(shù)據(jù)島的link_data節(jié)點(diǎn)然后更新text節(jié)點(diǎn)的值。對(duì)于這個(gè)解決方案這是一個(gè)非常簡(jiǎn)單的方法；它只在文本框中的值有改動(dòng)之后才會(huì)更新數(shù)據(jù)。這不屬于two-way綁定機(jī)制，因?yàn)槿绻?jié)點(diǎn)的值改變了，其改變不會(huì)反映到文本框。
當(dāng)用戶點(diǎn)擊Test按鈕的時(shí)候，奇怪的事情發(fā)生了。一個(gè)新的XMLHttpRequest對(duì)象被創(chuàng)建用來(lái)向服務(wù)器改善XML數(shù)據(jù)。然后，就像XMLHTTP組件在IE中的工作方式一樣，你使用open()方法打開(kāi)遠(yuǎn)程頁(yè)面。在這個(gè)例子中，我添加了一個(gè)查詢字符串到xml_http.asp頁(yè)面中，所以我可以使用同一個(gè)頁(yè)面處理XML傳輸。使用send()方法，我傳遞xmlData數(shù)據(jù)島的innerHTML。（在IE中，這與指定xmlData數(shù)據(jù)島的XML屬性一樣）。
在xml_http.asp頁(yè)面被裝載時(shí)，它檢查“action”參數(shù)是否傳遞給頁(yè)面，并且那個(gè)參數(shù)是否等于“update”。如果是——就是在我們發(fā)出XMLHttpRequest請(qǐng)求的時(shí)候——它創(chuàng)建一個(gè)DOMDocument組件，從Request對(duì)象裝載XML，然后返回DOMDocument的xml。Request對(duì)象暴露出IStream接口，允許DOMDocument直接從Request對(duì)象裝載xml。（在另外一種語(yǔ)言中，你可以使用從HTTP請(qǐng)求中發(fā)送過(guò)來(lái)的POST數(shù)據(jù)。）
這是一個(gè)非常簡(jiǎn)單的例子，說(shuō)明了Mozilla的XML能力。在Mozilla中操作XML的其中一個(gè)缺點(diǎn)就是文檔不怎么樣。不過(guò)上面已經(jīng)提到過(guò)，對(duì)于絕大多數(shù)部分，你可以使用針對(duì)微軟的XMLHTTP組件的文檔。
