IE8加载后台数据失败（location.origin兼容问题）

最新推荐文章于 2025-06-10 12:05:32 发布

麦兜麦兜麦兜兜

最新推荐文章于 2025-06-10 12:05:32 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： ie 8 ajax

本文链接：https://blog.youkuaiyun.com/wanglufei_1992/article/details/52872529

web前端专栏收录该内容

31 篇文章

订阅专栏

在IE8下，使用ajax请求后台数据时遇到兼容性问题，因IE8不支持location.origin属性，导致请求失败。通过修改JS代码，用location.protocol + '//' + location.host替换location.origin，成功解决IE8的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在本地起了个 sever,用于ajax跟后台交互。写完页面之后，在谷歌，火狐，360相继测试一切正常。但是要求最低兼容IE8，最后就在IE8下进行测试，发现：页面根本没有加载任何后台数据。于是乎，费尽力气在IE下调试JS。奈何，JS真难调。此时，对ＩＥ８的愤怒已经到了极点。但是还得找问题。最后发现是因为，正在我JS代码中有这么一段：

var basePath="";
if (window.location.href.indexOf("dd-")>0) {
basePath=window.location.origin+"/"+window.location.pathname.split("/")[1]+"/";
console.log(basePath);
} else{
basePath=window.location.origin+"/";
console.log(basePath);
}

这个basePath是我在发ajax请求的地址
原理是因为IE8对location.origin有兼容性。
最后我将代码改变成了：

if (window.location.href.indexOf("dd-")>0) {
    // 兼容ie
    if (window["context"] == undefined) {
        if (!window.location.origin) {
            window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
        }
        window["context"] = location.origin+"/V6.0";
    }
    basePath=window.location.origin+"/"+window.location.pathname.split("/")[1]+"/";

} else{
    basePath=window.location.origin+"/";

}