在基于Mozilla的浏览器中使用XMLHttpRequest对象

2016-01-29 18:40 10 1 收藏

在基于Mozilla的浏览器中使用XMLHttpRequest对象,在基于Mozilla的浏览器中使用XMLHttpRequest对象

【 tulaoshi.com - ASP 】

 

IE通过允许开发人员在Web页面内部使用安全的ActiveX组件扩展自身的功能。微软在无状态连接方面的产品是XMLHTTP组件。

使用XMLHTTP组件,开发人员可以不用从当前的Web页面导航而直接传输数据到服务器上或者从服务器取数据。这个功能是重要的,因为它帮助减少了无状态连接的痛苦。它还可以排除下载冗余HTML的需要,从而提高进程的速度。

Mozilla做出的回应是创建它自己的继承XML代理类:XMLHttpRequest类。对于大多数情况,XMLHttpRequest对象的行为很像XMLHTTP组件。这就意味着你可以使用很多与XMLHTTP组件相同的帮助信息。方法和属性类似,然而,所有的方法和属性都是以小写字母开头,并且还有一些属性不支持。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/asp/)

下面是一个使用eXtensible Binding Language(XBL)将一个行为绑定到一个<INPUT元素来更新XML数据岛的简单例子。数据被发送到服务器处理。

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()"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/asp/)

</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文件创建一个XML数据岛,创建的数据岛有一个重要节点:link_data。而且,这个HTML的表现会创建一个文本框和一个用于创建发送XML数据给服务器的事件的按钮。

IE允许你嵌入XML数据岛并使用那个数据岛将绑定HTML元素到底层的数据。Mozilla靠XBL为每个元素创建行为。使用XBL,你可以为<INPUT元素创建一个行为,所以在onChange事件发生时,“bound”XML节点就能够被更新。“linkedData”样式类通知Mozilla文件link_data.xml将要被用来创建绑定。这个类是在<INPUT TYPE=”text” … 元素中使用的。

如果你分析link_data.xml的代码,你会注意到onchange事件处理

来源:http://www.tulaoshi.com/n/20160129/1506774.html

延伸阅读
标签: Web开发
navigator 浏览器对象,包含了正在使用的 Navigator 的版本信息。反映了当前使用的浏览器的资料。JavaScript 客户端运行时刻引擎自动创建 navigator 对象。 更详细的信息可以去查msdn或者Navigator 2.0以后的说明文档,这里我们之做个简单的说明 包括一下几大属性: appCodeName 返回浏览器的“...
第一步:在桌面找到IE浏览器,打开。 第二步:浏览器上面找到工具。 第三步:点击工具,在下拉菜单里选择Internet选项,打开。 第四步:出现Internet选项,切换到程序,勾选检查Internet Explorer是否为默认的浏览器。 第五步:然...
标签: Web开发
utl.js 代码如下: function createXmlTree(node, indent) {     if (node == null)         return "";     var str = "";     switch (node.nodeType) {  &...
标签: 浏览器
使用360浏览器来修复IE浏览器的方法   最近,有网友打开IE浏览器的时候,发现IE浏览器不能用,而打开同一台电脑的360浏览器却可以用,这是怎么回事呢?小编分析,有可能是IE浏览器内核被恶意软件攻击了,所以才会导致IE浏览器不能使用。那么,怎么修复IE浏览器的内核?今天,小编就教大家用360浏览器来修复IE浏览器的方法吧! IE浏...
标签: Web开发
The Navigator Object 导航对象 The JavaScript Navigator object contains all information about the visitor's browser. We are going to look at two properties of the Navigator object: JS导航对象包含所...

经验教程

815

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部