對XmlHttp研究的經驗分享

2011/6/15 15:14:26  出處：本站   人氣：22次    字號：小  中  大

本文提供給大家學習的是關于作者對XmlHttp研究的一個小經驗心得分享，希望能幫助到大家。

最近研究了一下xmlhttp，還是很有意思的東東。我喜歡讓它在IE6和firefox中都運行正常，后臺用的是dom4j進行解析。

　　1.下載 http://webfx.eae.net/dhtml/xmlextras/xmlextras.zip 包，里面有個xmlextras.js，把它拿出來，我用來生成XmlHttp對象。

　　2.在xmlextras.js中加上以下代碼：

// check browsers

var ua      = navigator.userAgent;

var opera   = /opera [56789]|opera\/[56789]/i.test(ua);

var ie      = !opera && /msie [56789]/i.test(ua);

       // preventing opera to be identified as ie

var mozilla = !opera && /mozilla\/[56789]/i.test(ua);

   // preventing opera to be identified as mz/* end browser checks */
if(mozilla) {

    XMLDocument.prototype.selectSingleNode = function(tagname) {

        var result = this.evaluate(tagname, this, null, 0, null);

        return result.iterateNext();

    }

    XMLDocument.prototype.selectNodes = function(tagname) {

        var result = this.evaluate(tagname, this, null, 0, null);

        var xns = new XMLNodes(result);

        return xns;

    }

    //定義一個新的類以兼容 IE 中 selectNodes() 的返回類型。

    function XMLNodes(result) {

        this.length = 0;

        this.pointer = 0;

        this.array = new Array();

        var i = 0;

        while((this.array[i]=result.iterateNext())!=null)

            i++;

        this.length = this.array.length;

    }

    XMLNodes.prototype.nextNode = function() {

        this.pointer++;

        return this.array[pointer-1];

    }

    XMLNodes.prototype.reset = function() {

        this.pointer = 0;

    }}

讓firefox支持和IE一樣的一些接口。

　　3.XmlHttp返回之后，如果需要XmlHttp.responseXML對象，在firefox中一切正常，但是在ie6中就不常了，所以需要，重新 new 一個 XmlDocument：

var doc = XmlDocument.create();

doc.loadXML(xmlHttp.responseText);

　　4.用 xsl 翻譯 xml ，如果想要保留空格，需要加上

xml:space="preserve"，例如：

<xsl:for-each select="parameter" xml:space="preserve">

　　5.在 firefox 中 xmlHttp.open("POST", url, true); 最后的一個參數不能為 false，否則會出錯。