angularjs ajax isxml,如何解决 angularjs 异步的问题

如果用AngularJs在IE下发出GET请求从后台服务取完Json数据再绑定到页面上显示的话,你可能会发现就算数据更新了,IE还是会显示原来的结果。实际上这时候IE的确是缓存了hashtag,没有再次去做Http GET请求最新的数据。

最直接的办法是在后台撸掉OutputCache,但这种做法并不推荐,需要改每一处被Angular调用的地方,代价太大。这种问题应该在前端解决最好。研究了一会儿总结了最有效的解决方法,并不需要改后台代码了。

在你的app config里撸一个$httpProvider进去,比如像我这样,和路由可以配在一起,当然分开配也没问题。

var config = ["$routeProvider", "$httpProvider", function ($routeProvider, $httpProvider) {

// Initialize get if not there

if (!$httpProvider.defaults.headers.get) {

$httpProvider.defaults.headers.get = {};

}

// Enables Request.IsAjaxRequest() in ASP.NET MVC

$httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';

// Disable IE ajax request caching

$httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';

$httpProvider.defaults.headers.get['Pragma'] = 'no-cache';

$routeProvider.when("/", { templateUrl: "Manage/dashboard/index.cshtml" })

.when("/dashboard", { templateUrl: "Manage/dashboard/index.cshtml" })

.when("/dashboard/serverinfo", { templateUrl: "Manage/dashboard/serverinfo.cshtml" })

.when("/dashboard/emaillogs", { templateUrl: "Manage/dashboard/emaillogs.cshtml" })

// other code....

.otherwise({ redirectTo: "/" });

}];

app.config(config);

最关键的就是最后的禁用IE对ajax的缓存

$httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';

$httpProvider.defaults.headers.get['Pragma'] = 'no-cache';

如果你想这样写,是会爆的:

$httpProvider.defaults.headers.get['If-Modified-Since'] = '0';

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值