原生js实现ajax跨域(兼容IE8,IE9)

html设置meta标签兼容360兼容模式和IE怪异模式

<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;ie=edge">

原生js跨域

var xhr = null; // IE8/9需用window.XDomainRequest兼容
if (window.XDomainRequest) {
    xhr = new XDomainRequest();
    xhr.onload = function () {
        console.log(xhr.responseText);
    }
    xhr.open("get", 'http://test.aa.com');
    xhr.send();
} else {
    xhr = new XMLHttpRequest();
    // 前端设置是否带cookie
    xhr.withCredentials = true;
    xhr.open('post', 'http://test.aa.com', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send('user=admin');

    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            console.log(JSON.parse(xhr.responseText).name);
        }
    };
}

 

posted @ 2018-04-18 23:10  zt123123  阅读(3502)  评论(0编辑  收藏  举报