简化多个AJAX请求中重复if-else逻辑的技术咨询

这是前端开发里很常见的代码冗余场景——多个AJAX请求共享相同的业务判断逻辑，重复写不仅浪费时间，后续维护还容易漏改。我们可以通过封装独立处理函数的方式彻底解决这个问题，具体方案如下：

第一步：把重复的if-else逻辑封装成独立函数 #

将所有AJAX请求中共享的判断逻辑抽离成单独的函数，接收AJAX返回的data作为参数，处理后返回结果（也可以直接执行逻辑，根据你的需求调整）：

// 封装复用的业务判断逻辑
function handleMainClassCode(data) {
  let newsKindRepalce;
  
  // 这里放你原来的if-else逻辑
  if (data.MainClass_Code === "PD" || data.MainClass_Code === "CD") {
    newsKindRepalce = "aipl"; // 对应news的处理
  } else if (data.MainClass_Code === "PF") {
    // 补充你的其他分支逻辑
    newsKindRepalce = "xxx";
  }
  // 可以继续添加更多else-if或else分支
  
  // 返回处理后的结果，供后续业务逻辑使用
  return newsKindRepalce;
}

第二步：在每个AJAX的Success回调中复用这个函数 #

修改你的AJAX请求，在success回调里直接调用封装好的函数，不用再重复写判断逻辑：

// 第一个AJAX请求
$.ajax({
  url: "api/aall.json",
  dataType: 'json',
  type: 'GET',
  data: "data",
  cache: false,
  ifModified: true,
  success: function getData(data) {
    console.log(data);
    // 调用复用函数处理数据
    const newsKind = handleMainClassCode(data);
    
    // 继续执行当前请求特有的逻辑
    for (var i = 0; i < 7; i++) {
      // 这里可以直接使用处理后的newsKind变量
    }
  }
});

// 第二个AJAX请求（其他请求同理）
$.ajax({
  url: "api/another.json",
  dataType: 'json',
  type: 'GET',
  data: "otherData",
  cache: false,
  ifModified: true,
  success: function(data) {
    console.log(data);
    const newsKind = handleMainClassCode(data);
    
    // 当前请求特有的业务逻辑
    // ...
  }
});

进阶优化：复用AJAX公共配置 #

如果你的多个AJAX请求除了url、data和部分特有的success逻辑外，其他配置（比如type、cache、ifModified）都相同，还可以把公共配置也抽离出来，进一步减少重复代码：

// 抽离AJAX公共配置
const commonAjaxConfig = {
  type: 'GET',
  dataType: 'json',
  cache: false,
  ifModified: true,
  success: function(data) {
    console.log(data);
    const newsKind = handleMainClassCode(data);
    // 调用自定义的回调函数处理当前请求的特有逻辑
    if (typeof this.customSuccess === 'function') {
      this.customSuccess(data, newsKind);
    }
  }
};

// 使用公共配置发起请求
$.ajax({
  ...commonAjaxConfig,
  url: "api/aall.json",
  data: "data",
  customSuccess: function(data, newsKind) {
    // 第一个请求特有的逻辑
    for (var i = 0; i < 7; i++) {
      // ...
    }
  }
});

$.ajax({
  ...commonAjaxConfig,
  url: "api/another.json",
  data: "otherData",
  customSuccess: function(data, newsKind) {
    // 第二个请求特有的逻辑
    // ...
  }
});

这样做的好处：

• 减少冗余代码：不用在每个AJAX请求里重复写相同的配置和判断逻辑
• 便于维护：后续如果需要修改判断规则或AJAX公共配置，只需要修改一处即可
• 代码更清晰：业务逻辑和请求逻辑分离，可读性更强

内容的提问来源于stack exchange，提问作者lin