关于pjax.reload()加载页面时出现aborted超时终止的问题

首先,将点击处的URL改为两个“##”,添加锚点,可以防止点击时跳回页面顶部,重新加载页面也不会跑偏

eg:

$btn_schedule  = Html::a('安排任务', '##', $schedule);
最重要的:在$.pjax.reload() 后面加一个参数 async:false ,false为同步,表示执行完之后才继续往下执行

eg:

$.ajax({
     url: action,
     async:false,
     success: function (data) {
         console.log('success!');
         $.pjax.reload({container:"#idea_index", async:false}); 
    }
});

补充:

发现将ajax改为同步模式在 Chrome 中无法使用

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help, check https://xhr.spec.whatwg.org/.

大概意思就是:在主线程里使用同步的ajax请求对用户体验有影响,所以不让用了。。。。。

所以做出如下改变:

$.ajax({
    url: action,
    success: function (data) {
        console.log('success!');
        $.pjax.reload({container: "#idea_index", timeout: 5000}); 
   }
});

将pjax 超时时间设置为5s

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值