原生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);
        }
    };
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM