Internet Explorer <= 9 中的 AngularJS $http.post 错误
Posted
技术标签:
【中文标题】Internet Explorer <= 9 中的 AngularJS $http.post 错误【英文标题】:AngularJS $http.post error in Internet Explorer <= 9 【发布时间】:2014-10-10 08:01:30 【问题描述】:我有以下代码,在每个现代浏览器中都能正常工作,但在 Internet Explorer 9 及更低版本中失败。
authService.login = function(credentials)
return $http.post('https://example.com/login', credentials).then(function(res)
return res;
, function(err)
return err;
);
;
credentials
是一个如下所示的对象:
username: 'john@example.com',
password: 'smith'
问题是 POST 从未真正发生,而是直接跳转到return err;
,甚至没有设置错误。它说Impossible d'effectuer l'opération à cause de l'erreur suivante c00c023e.
。关键是 c00c023e,这应该是一个编码问题,但我不明白这会如何完全阻止调用发生。
“修复”是使用$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
,它确实允许 IE 发布,但我的后端需要 JSON,所以这没有帮助。
我正在使用 AngularJS 1.2.22。
有什么想法吗?
【问题讨论】:
您是否要进行跨域请求? 尝试发送一个 json ,类似于 credentials:credentials 可能是这些浏览器不支持序列化为JSONstring
,你自己试试吧:angular.toJson(credentials)
@ExplosionPills 是的,它是跨域的,但它适用于所有其他浏览器。
@KhanhTO 谢谢,我会试一试
【参考方案1】:
评论把我引向了正确的方向,这确实是一个 CORS 问题。原来XDomain library 提供了一个简单且与库无关的修复程序。
在发出 CORS 请求的应用中,在任何其他脚本之前包含以下脚本:
<!--[if lte IE 9]>
<script src="http://example.com/xdomain/xdomain.min.js" data-slave="http://example.com/xdomain/proxy.html"></script>
<![endif]-->
然后,在example.com
域上,复制xdomain.min.js
并创建上面在data-slave
属性中定义的proxy.html
文件。代理文件必须包含:
<!DOCTYPE html>
<script src="xdomain.min.js" data-master="https://subdomain.example.com"></script>
跨域请求现在可以在 IE9 及更低版本中正常工作。您可以通过删除条件注释将 XDomain 用于每个浏览器,而不仅仅是 IE,但我怀疑有很大一部分用户使用的浏览器不支持 CORS,也不是 Internet Explorer。
【讨论】:
以上是关于Internet Explorer <= 9 中的 AngularJS $http.post 错误的主要内容,如果未能解决你的问题,请参考以下文章
Internet Explorer 9 - 按比例调整图像大小
Internet Explorer 忽略 URL 中的 Hashtag