IE9 下面, XMLHttpRequest 是不支持跨域请求的解决方法

在 IE9 下面, XMLHttpRequest 是不支持跨域请求的. IE10 的 XMLHttpRequest 支持跨域, 而 IE8, IE9 需要使用 XDomainRequest 来实现跨域.

.factory("ie9Http",["$q",function($q){ // ie9 xmlHttp 不支持cors跨域解决方案
        return { 
            fetchIe9: function (url, options) {
                var deffered = $q.defer();
                if (window.XDomainRequest) { // ie9支持此属性
                    var method = options.method || 'GET';
                    var timeout = options.timeout || 30000;
                    var  data = options.body || options.params || {};
                    if (data instanceof Object) {
                        data = JSON.stringify(data);
                    }
                    var XDR = new XDomainRequest();
                    XDR.open(method, url);
                    XDR.timeout = timeout;
                    XDR.onload = function(){
                        try {
                            var json = JSON.parse(XDR.responseText);
                            deffered.resolve(json);
                        } catch (e) {
                            deffered.reject(e);
                        }
                    };
                    XDR.ontimeout = function(){return deffered.reject('XDomainRequest timeout');};
                    XDR.onerror = function(){return deffered.reject('XDomainRequest error');};
                    XDR.send(data);
                } else {
                    deffered.reject({err:'不支持XDomainRequest对象'});
                }
                return deffered.promise;
            }
        };
    }])

参考文章: http://web.jobbole.com/94725/

posted @ 2018-07-27 16:53  BuleDog  阅读(2070)  评论(0编辑  收藏  举报