记一次ajax 接口被频繁 canceled 处理方案,无法响应后台返回的数据

问题:逻辑正常处理,前端控制台接口无返回数据,接口状态是 canceled

如图:

记一次ajax 接口被频繁 canceled 处理方案,无法响应后台返回的数据

接口响应如下:

记一次ajax 接口被频繁 canceled 处理方案,无法响应后台返回的数据

ajax 请求代码:

$.ajax({
      url: window._proxy,
      type: 'POST',
      timeout: 1500,
      contentType: 'application/json;charset=utf-8',
      data: {name: ""},
      success: data => {
      },
      error: (err, textStatus) => {
      }
    });

解决方案:

我们发现url 实际请求时间大概在6秒以上,而前端设置了1500 毫秒,导致每次处理逻辑后台都能正常处理,前端无法正常返回,我们将超时时间设置为 1000*30 问题得到解决

其他方案:
无法接收后台响应数据不止此一种方法会出现,欢迎遇到其他情况的同学留言补充

本作品采用《CC 协议》,转载必须注明作者和本文链接
每天一点小知识,到那都是大佬,哈哈
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 2

前端大坑货

1年前 评论
raybon (楼主) 1年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!