http请求被canceled的⼀种原因分析1、需求
在弹出页⾯⾥操作数据，在关闭弹出页⾯的同时局部刷新⽗页⾯数据。（不重新加载，防⽌已经填写的数据丢失）2、背景
粉丝生蚝蒜蓉的做法使⽤ Vue，layer 进⾏页⾯开发
3、分析
a. 在弹出页⾯的js⾥通过代码获取⽗页⾯对象 let obj= window.parent ;
b.获取⽗页⾯的vue对象，let that = obj.page;(⽗页⾯定义的vue对象名为page)
c.弹出页⾯的数据操作通过that对象更新到⽗页⾯
d.关闭弹出页⾯临安大明山滑雪场
4、代码实现
function saveChoo(checkDate){
if(checkDate.length<1){
layer.msg("请⾄少选择⼀条数据")
return
}
相提并论
let pwIds = checkDate.join(",");
let that = window.parent.page;
$.get('/manage/educationTraining/getWorkers', {
牛奶的沸点pwIds:pwIds,
}, function(res) {
de=200){
let workers = sult;
for(var i=0;i<workers.length;i++){
workers[i].qualified = 1;平遥古城旅游攻略
}
鲁滨逊漂流记介绍that.workers = workers;
}
人和自然和谐相处// 关闭弹出页⾯，不再刷新，防⽌之前的数据丢失由于此请求是异步，所以应该放在回调函数⾥，否则请求会被去取消
window.parent.layer.cloAll();
})
}
5、注意事项
关闭弹出页⾯的操作请务必放在ajax请求的回调函数之内，否则就会出现请求被canceled的情况。
奔流到海不复还
6、其它
关于请求被取消的原因还有跨域问题，其它博客有介绍，如修改成统⼀的http或者https请求。
