javascript XHR对象的封装(跨浏览器)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript XHR对象的封装(跨浏览器)相关的知识,希望对你有一定的参考价值。

  1. 加载文档:
    /*
    @desc 加载XHR文件
    @author lee [<[email protected]>]
    @param file 文件路径
    @param async 同步或异步 true 异步 flase 同步
    @return xmlDoc 加载后的内容
    */
    function loadDoc(file,async=true){
    if(window.XMLHttpRequest){  // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }else{  // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET",file,async);
    xmlhttp.send();
    xmlDoc=xmlhttp.responseXML;
    return xmlDoc
    }
  2. 加载字符串:
    /*
    @desc 加载XML文档
    @author lee [<[email protected]>]
    @param txt 字符串
    @param async 同步或异步 true 同步 flase 异步
    @return xmlDoc 加载后的DOM对象
    */
    function loadStr(txt,async=true){
    if(window.DOMParser){
        parser=new DOMParser();
        xmlDoc=parser.parseFromString(txt,"text/xml");
    }
    else{  // Internet Explorer
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async=async;
        xmlDoc.loadXML(txt);
    }
    return xmlDoc
    }

以上是关于javascript XHR对象的封装(跨浏览器)的主要内容,如果未能解决你的问题,请参考以下文章

封装ajax函数(不可跨域)

跨浏览器事件对象封装

封装通用的xhr对象,兼容各个版本

XHR的跨域请求和JSONP详解

XMLHttpRepueset 的基本使用

入手Ajax最好的文章---第三部分